1.單行文本溢出顯示符號--必須滿足三個條件

width: 100px

先強制一行內顯示文本

white-space:nowrap; (默認 normal 自動換行)

超出的部分隱藏

overflow:hidden;

文字用省略號代替超出的部分

text-overflow:ellipsis;

2.多行文本溢出顯示省略號?

• width: 100px

• overflow：hidden;

• text-overflow:ellipsis;

• 彈性伸縮盒子模型顯示

• display: -webkit-box;

• 限制在一個塊元素的文本的行數

• -webkit-line-clamp:2;

• 設置或檢索伸縮盒對象的子元素的排列方式

• -webkit-box-orient: vertical;