css实现省略号... 单行、多行、英文

1.单行文本省略

overflow: hidden;         //溢出隐藏
white-space: nowrap;   //禁止换行
text-overflow: ellipsis;  //...

 

2.多行文本省略

display: -webkit-box;    //谷歌
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;  //显示几行
overflow: hidden;

 

3.英文自动换行

word-wrap:break-word;
word-break:break-all;