css - CSS 中的前导与行高

Question

所以在传统的页面布局程序中，当您使用行距时，它不会影响段落的第一行。但是，如果您在 CSS 中使用 line-height，无论您的数字是多少，都会影响第一行。有什么方法可以模仿 CSS 中的桌面引导吗？基本上，我只想将行高应用于后续行，而不是第一行。

Answer 1

你可以尝试这样的事情:

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

/* If legacy browsers must be supported */
.class:first-line { 
    line-height: 1;
}

https://developer.mozilla.org/en-US/docs/CSS/::first-line

http://reference.sitepoint.com/css/pseudoelement-firstline