div中超出的文本用省略號替代

text-overflow: ellipsis;     // ellipsis:顯示省略符號來代表被修剪的文本 
white-space: nowrap;     //nowrap:規定段落中的文本不進行換行
overflow: hidden;          //超出部分隱藏

文本佔多行

overflow: hidden; 
text-overflow: ellipsis; 
display: -webkit-box; 
-webkit-line-clamp: 2; // 控制多行的行數 
-webkit-box-orient: vertical;