單行：
其中要先添加一個overflow：hidden，讓超出部分隱藏
加text-overflow：ellipsis是讓超出部分顯示成省略號，但光這一行無法實現效果要加一行white-space：nowrap；表示文本不會換行
效果：
多行：
多行比單行要多加三行代碼來實現
-webkit-line-clamp 用來限制在一個塊元素顯示的文本的行
display: -webkit-box 將對象作為彈性伸縮盒子模型顯示
-webkit-box-orient 設置或檢索伸縮盒對象的子元素的排列方式
效果：
