1、單行文本
overflow: hidden;
white-space: nowrap; //用于處理元素內(nèi)的空白，只在一行內(nèi)顯示
text-overflow: ellipsis; //超過(guò)寬度使用省略號(hào)
2、多行文本
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; //對(duì)象作為伸縮盒子模型顯示
-webkit-box-orient: vertical; //設(shè)置或檢索伸縮盒對(duì)象的子元素的排列方式
-webkit-line-clamp: 3; //顯示的行數(shù)
overflow: hidden; // 隱藏超出的內(nèi)容
