css 實現div內顯示兩行或三行，超出部分用省略號顯示

1、div內顯示一行，超出部分用省略號顯示

white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
複製代碼

2、div內顯示兩行或三行，超出部分用省略號顯示

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;（行數）
-webkit-box-orient: vertical;
複製代碼

注：

• display: -webkit-box;必須結合的屬性，將對象做爲彈性伸縮盒子模型顯示
• -webkit-box-orient必須結合的屬性，設置或檢索伸縮盒對象的子元素的排列方式
• text-overflow，能夠用來多行文本的狀況下，用省略號「...」隱藏超出範圍的文本