簡單筆記一下用css隱藏超出範圍的文字，並將超出的文字顯示為刪節號(…)

隱藏超出範圍只要在設定寬/高後使用overflow隱藏即可

overflow: hidden;

在這個設定之下限制文字不換行並設定超出的文字樣式就可以讓文字顯示為刪節號

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

進階設定隱藏的行數，雖然是-webkit-開頭不過比較新的瀏覽器都有支援了，在這種情況下就不用鎖定不換行，而是設定line-clamp來決定能顯示的最大行數。

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