动态宽度测量：ReactJS / NodeJS＆amp; HTML / CSS

Question

我正在撰写个人主页，并对评估的google卡设计感兴趣，如下所示：

正如您在底部卡片上看到的那样，下划线/页脚/分隔符并不完全符合文本的结尾，因为它在我的css文件中具有预设宽度。当然我可以为每张卡写多个类（我总共有5个），但这不仅乏味而且杂乱。我想知道是否有办法让我测量文本的宽度并将所述宽度插入页脚/分隔符的宽度。文章/问题的链接与任何其他答案一样受到赞赏。在此先感谢您的帮助！

Answer 1

嗯。除非有充分理由不这样做 - 我将CSS属性用于下划线

 text-decoration: underline;