帶有最少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％等，這應該做你想要達到的目標。