dom元素的文本修饰下划线没有为单词中的所有字母加下划线

Question

我在锚标记上使用了text-decoration:underline。但问题是它没有强调完整的单词，而是仅强调选定的字母。 附图。

我使用的字体是'Gotham'。我试图增加行高属性，但这并没有解决我的问题。有人遇到类似的问题吗？

Answer 1

这不起作用的原因是因为字母p，y，g，j等都具有所谓的{{3} }。它们会中断下划线的流程，并且它实际上无关紧要。如果您真的希望在所有文本下使用它，我建议您删除text-decoration并使用它：

a {
  display: inline-block;
  border-bottom: 1px solid #000;
}

这会产生下划线的效果，同时仍然在所有字母下面。

Answer 2

我不确定问题究竟是什么，但如果你能采取不同的方法，为什么不把它添加到锚标签呢？

a{
    border-bottom: solid 1px #000;
}