文本超出显示省略号CSS

单行超出显示省略号

display: block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;

 

多行超出显示省略号

1、普通HTML文本（要内联样式）

-webkit-box-orient: vertical;这句要写在内联里面，写在内部css就是没用。

display: -webkit-box; 
word-break: break-all;
-webkit-line-clamp: 2; 
-webkit-box-orient: vertical;
overflow: hidden;

 

2、小程序

display: -webkit-box;
word-break: break-all;
text-overflow: ellipsis;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp:2;