1.中英文效果区别
word-break:break-all; //只对英文起作用,以字母作为换行依据
word-wrap:break-word; //只对英文起作用,以单词作为换行依据
white-space:pre-wrap; //只对中文起作用,强制换行
white-space:nowrap; //强制不换行,都起作用
2.单行文字省略显示
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
注意:一定要指定容器的宽度,不然的话是没有用的。
3.多行文字省略显示
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:1;
-webkit-box-orient: vertical;