使用CSS将文本长度限制为n行

Question

使用CSS将文本长度限制为n行

是否可以使用CSS将文本长度限制为“n”行(或者在垂直溢出时将其剪切)。

text-overflow: ellipsis;只适用于一行文本。

原文：

马提斯、马提斯
[医][医]
乌尔纳！坐下来！乌贼
马斯提尼！达皮布斯埃尼安，马格纳矢状体，洛雷姆韦里特

希望输出(2行)：

马提斯、马提斯
镀锡的紫癜，蛋黄，元素。

Answer 1

你能做的是：.max-lines&nbsp;{ &nbsp;&nbsp;display:&nbsp;block;&nbsp;/*&nbsp;or&nbsp;inline-block&nbsp;*/ &nbsp;&nbsp;text-overflow:&nbsp;ellipsis; &nbsp;&nbsp;word-wrap:&nbsp;break-word; &nbsp;&nbsp;overflow:&nbsp;hidden; &nbsp;&nbsp;max-height:&nbsp;3.6em; &nbsp;&nbsp;line-height:&nbsp;1.8em;}哪里max-height:&nbsp;=&nbsp;line-height:&nbsp;×&nbsp;<number-of-lines>在……里面em.