Question

CSS如何限制显示的文本字数

overflow:hidden; text-overflow:ellipsis;这两个属性我用了，只能在一行里省略掉多余部分。但是我想让文本第一行正常换行，第二行末尾才用省略号隐藏多余部分，如何实现？

Answer 1

{
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:2;(这里是行数 你可以控制你想在第几行末尾多余的显示省略号，之前的文本正常显示)
}

Answer 2

这个不好实现，你用JS试试。截取value的长度 建议使用JS+CSS，可以再文本输出后判断value或Text值

Answer 3

多行文本溢出显示省略号：
p {
position:relative;
line-height:20px;
height:60px; /* 是line-height的三倍，如果设置了padding属性，也要加上padding的高度*/
overflow:hidden;
}
p:after {
content:"...";
}