在調整網頁的版面時，有時並不需要某個元素將所有的內容顯示出來，舉凡像是商品、或者文章的敘述簡介等等
為了整齊都會需要限制該內容的字數，但我們又不能真的去直接改字數。
今天就來教大家怎麼利用CSS去調整你想要顯示的區塊！
這次使用到的屬性就是 text-overflow: ellipsis;
而這個屬性有兩個需要注意的地方：
1. 必須搭配 white-space: nowrap; 使用，此屬性是不讓段落中的內容換行
2. 這個屬性限定「單行」使用，多行的話需要使用到javascript去執行，這個我們之後另外再做介紹
結合以上提到的幾點，別忘了我們還需要將溢出的內容隱藏起來，整段程式碼可以寫成如下：
.class-name {
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}大概就是這樣啦，大家也可以試試看！
