// 單行文本出現(xiàn)省略號
width: 500px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;

// 多行文本出現(xiàn)省略號
display: -webkit-box;
 /*重點(diǎn)，不能用block等其他，將對象作為彈性伸縮盒子模型顯示*/
-webkit-box-orient: vertical; 
/*從上到下垂直排列子元素（設(shè)置伸縮盒子的子元素排列方式）*/
-webkit-line-clamp: 3; 
/*行數(shù)，超出三行隱藏且多余的用省略號表示...*/
line-clamp: 3;
word-break: break-all;
overflow: hidden;
max-width: 100%;

記錄方便查找