文字省略样式

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;