css - 文本的行高，最少 2 行文本

Question

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

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

Answer 1

您可以使用纯 CSS，但要注意 IE8 及以下版本。这是 browser support .

.class {
    line-height: 22px;
}

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

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