CSS:可以设置没有行高的行间距吗？

Question

我知道 line-height 属性和 all the fun we can have with it , 但是否可以通过其他方式调整行间距？

例如，在 Adob​​e InDesign 中，行高和行间距是两个可以独立调整的独立属性。

我现在正在使用非常漂亮的 Garamond 进行设计，但是将行高设置为清晰易读的水平也会使链接和下划线之类的东西看起来非常难看。带有 text-decoration 的纯下划线看起来不错，但理想情况下，我希望能够使下划线更具视觉冲击力和交互性，就像在 HuffPost 的网站上一样。他们正在使用 box-shadow。框阴影、底部边框，任何类似的东西都会捕捉到线条高度的底部。

我们可以同时使用 CSS 吗？

示例:

普通下划线使用 text-decoration: underline;

边框“下划线”使用 border-bottom: 1px solid $special-blue;在我看来，似乎远远低于文本。即使使用适度保守的 1.4rem

行高

Answer 1

我找到了这个解决方案，您可以在其中将特定元素的行高设置为 1。这会重置该元素的行高，但不会影响该行中的任何其他内容。

通过这样做，

p.new a{
  text-decoration: none;
  display:inline-block;
  border-bottom:1px solid green;
  line-height:1;
}

JS Fiddle

我相信行高和间距没有两个不同的属性。