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