CSS文本省略顯示

當頁面上有過多文字的時候，每每須要省略顯示，CSS能夠很方便的作到這點。

單行文本省略顯示

width: 68%; // 須要固定一個寬度
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

多行文本省略顯示(適用於WebKit瀏覽器和移動端)

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; // 設置須要顯示的行數
overflow: hidden;