单行省略&多行省略

单行省略

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
//若无效，可设置display:inline-block
//若高度超出被截断，可设置line-height属性

多行省略

word-wrap:break-word;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-box-orient:vertical;
line-height: 14px;
-webkit-line-clamp:4;//只显示4行，用于定义显示几行
// 用于英文换行
word-break:break-all;