实现单行文本溢出和多行文本溢出
2020-03-15 本文已影响0人
前端新阳
1.单行文本溢出需要满足三个条件：
overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
2.多行文本溢出需要满足下面几个条件：
display:-webkit-box; overflow:hidden;
text-overflow:ellipsis; word-break:break-all;
-webkit-box-orient:vertical; //子元素应该被水平或垂直排列
-webkit-line-clamp:3; //3行后显示省略号
例子如下：
效果图
