单行显示,超出部分隐藏为省略号,并且不换行
p {
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
多行文本超出部分隐藏为省略号
p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; //需要显示时文本行数
overflow: hidden;
}
这个代码适用于Webkit浏览器和移动端