css文本超出隐藏省略号

1. 超出显示省略号(单行，一定要加宽度)

?

1 2 3 4

overflow: hidden; /*超出隐藏*/ text-overflow: ellipsis; /*隐藏后添加省略号*/ white-space: nowrap; /*强制不换行*/ word-break: break-all;

　　

2. 超出显示省略号(多行，一定要加宽度)

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