停止文本换行至3行或更多行

Question

是否有办法阻止文本换行超过2行?如果文本很短，它将出现在一行。较长的文本然后放在第二行，但我想在这里停下来，并在末尾加上省略号，而不是让文本放在第三行或更多的行。

我看过这个帖子，但是它处理的是在第一行之后停止换行

Answer 1

DEMO

您可以限制元素的最大高度，并将overflow: hidden;设置为最大2行。

将您的值保持为em，以便此解决方案适用于任何字体大小。

代码:

p{
    font-size: 20px;
    line-height: 1.5em;
    max-height: 3.2em;
    overflow: hidden;
}

Answer 2

你可以指定div的高度，溢出隐藏css属性。它不会显示第三行。

如果你想放省略号，你需要使用javascript/JQuery解决方案，以限制字符串的长度