文本的行高至少有 2 行文本

Question

有没有办法让我添加line-hight:22px; 到任何有两行或更多行的文本中。但不影响没有进入第二行的文本？

有没有办法只在 css 中实现这一点？

Answer 1

您可以使用纯 CSS，但要注意 IE8 及以下版本。这里是浏览器支持。

.class {
    line-height: 22px;
}

.class::first-line {
    line-height: 1;
}

它的作用是将所有内容设置line-height为 22 像素的 a，但将第一行重置为 1 的 a line-height，您也可以使用 100% 等。这应该可以实现您想要实现的目标。