實現溢位時產生省略號的效果

text-overflow只是用來說明文字溢位時用什麼方式顯示，要實現溢位時產生省略號的效果，還須定義強制文字在一行內顯示（white-space:nowrap）以及溢位內容為隱藏（overflow:hidden），只有這樣才能實現溢位文字顯示省略號的效果，程式碼如下：

overflow:hidden; 
white-space:nowrap; 
text-overflow:ellipsis; 

上面的方法有一個缺陷就是：只能顯示一行文字，當要實現顯示2行或者3行…文字，然後多餘的行在顯示省略號的情況下，使用如下程式碼：
自定義在第3行新增省略標誌（關鍵是-webkit-line-clamp）：

overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;