- 當文本為一行的時候沛贪，我們都知道如何實現(xiàn)超出部分自動換行的陋守。
只需要三行代碼：
overflow:hidden;//將超出的部分隱藏
text-overflow:ellipsis;//超出部分用省略號顯示
white-space:nowrap;//溢出不換行
- 現(xiàn)在的需求是，文本為n行利赋，超出n行之后用省略號代替水评。
這就要復雜了。
解決方法：
display:-webkit-box;//將對象作為彈性伸縮盒子模型顯示
-webkit-box-orient:vertical;//從上到下垂直排列子元素（設置伸縮盒子的子元素排列方式）
-webkit-line-clamp:n;//這個屬性不是css的規(guī)范屬性媚送，需要組合上面的兩個屬性中燥，表示顯示的行數
最后，只需要在css中加入：
overflow:hidden;//將超出的部分隱藏
text-overflow:ellipsis;//超出部分用省略號顯示
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:n;