css超出隱藏顯示省略號

強制內容在一行，超出顯示省略號：width: 300px; 

　　　　　　　　　　　　　　　　overflow: hidden; /*超出部分隱藏*/

　　　　　　　　　　　　　　　　text-overflow: ellipsis; /* 超出部分顯示省略號 */

　　　　　　　　　　　　　　　　white-space: nowrap; /*規定段落中的文本不進行換行 */

---

強制內容在五行，超出顯示省略號：width: 200px; 

　　　　　　　　　　　　　　　　overflow: hidden;

　　　　　　　　　　　　　　　　text-overflow: ellipsis;

　　　　　　　　　　　　　　　　display: -webkit-box; /*將對象作為彈性伸縮盒子模型顯示。*/

　　　　　　　　　　　　　　　　-webkit-line-clamp: 5; /*設置需要顯示的行數*/

　　　　　　　　　　　　　　　　-webkit-box-orient: vertical; /*設置伸縮盒子的子元素排列方式(從上到下垂直排列)*/