省略号

CSS文本超出三行自动隐藏 显示省略号

display:-webkit-box;
-webkit-line-clamp:3;
-webkit-box-orient:vertical;
overflow:hidden;

CSS文本长度超出宽度如何显示省略号

white-space:nowrap;          /*不换行*/
text-overflow: ellipsis;     /*超出的显示省略号*/
overflow:hidden;             /*超出部分隐藏*/
word-wrap:normal;            /*长单词不换行-兼容ie*/