超出文本用符号(省略号等)代替显示

单行截断
//只适用于单行文本截断
width: 100%;
overflow: hidden;
white-space: nowrap; //控制文本不能换行
text-overflow: ellipsis; //超出部分用省略号代替,可以自定义符号
多行截断
//支持多行
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; /* 控制显示的行数 */
line-height: 1em;
max-height: 3em; /* 对不支持浏览器的弥补 */
//其中max-height: = line-height: × -webkit-line-clamp: