文本超出显示省略号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;
青云直上三千码