一般超出文本顯示分為兩種：單行超出文本和多行超出文本省略號顯示，實現方式使用純css實現：

1 div { // 單行
2     white-space: nowrap;
3     overflow: hidden;
4     text-overflow: ellipsis;
5 }

1 div { // 多行
2     overflow: hidden;
3     text-overflow: ellipsis;
4     display: -webkit-box; // 註意不是flex
5     -webkit-line-clamp: 2; // 指定行數
6     -webkit-box-orient
 
: vertical; // box元素排列水平方式
7 }

css實現文本超出部分省略號顯示