在設計或撰寫網頁內容時，
有時候我們不希望某個區塊內的文字太長，導致整個版面顯得雜亂擁擠。
例如在頁面側邊欄，我們經常會顯示『最新留言』、『最新文章』等等，
如果這些文章標題的字數過多，
礙於側邊欄的寬度，
每一則顯示的文章標題就會自動換行，
把整個側邊欄也擠的很長。
感覺就會很雜亂。

在之前，如果要處理這種情形，
我們通常會使用Javascript來計算側邊欄的寬度，並換算出適當的字數，然後用JS去刪減多餘的字數，並在字串尾端加上『...』符號，表示後面還有更多的字串。
但這種作法技術層面較高，並且效能也會受影響，
現在我們可以直接使用CSS的語法:text-overflow，就能完成一樣的功能。