在寫css樣式的時候我們會遇到不確定文字長度時，又不想使用難看的下拉滾動，而是希望直接將超出長度部分隱藏但又告訴用戶這段文字還沒結束。這時候我們就可以用省略號來代替隱藏，例如：效果圖如下這段摘要，“真實反...”後面還有內容，但是沒必要顯示了，所以使用省略號表示，欲知詳情，請點開一觀。詳細具體請參照 這篇文章。 我在此只簡單的做個筆記：
talk is cheap，show you the code:
單行的省略號實現：
width: 400px;
overflow: hidden; /* 超出部分隱藏*/
text-overflow:ellipsis; /* 文字超出部分使用省略號代替*/
white-space: nowrap; /* 文字不換行*/
多行的省略號實現：
此方法僅有webkit瀏覽器才支持：
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; //行數
overflow: hidden;