1，單行文字顯示省略號
div{
width:200px;
overflow:hideen;
white-space:nowrap;
text-overflow:ellipsis;
}
2，多行文字顯示省略號
div{
width:200px;
overflow:hideen;
text-overflow:ellipsis;
display:-webkit-box;//將對象作為彈性伸縮盒子模型顯示
-webkit-line-clamp:2;//控制顯示幾行文字
-webkit-box-orient:vertical;//設置伸縮盒對象的子元素排列方式
}
如果你標簽內的是英文，英文是不會自動換行的，所以你需要讓英文自動換行,添加一下代碼
word-wrap:break-word;
word-break:break-all;