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;    // 隱藏超出的內容