css 樣式文字溢出顯示省略符號

原本以為文字溢出的處理比較複雜，沒想到這麼一簡簡單單的一句話就搞定了，css真是神奇：

.li { white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

現在學習希望搞清楚每個具體的屬性的意思，存在腦子裡，以後就可以順手寫出來啦。

查閱了下，屬性如下：

white-space：nowrap;表示文本不會換行，在同一行繼續，知道遇到<br>標籤為止；

overflow：hidden;不顯示超過對象尺寸的內容，就是把超出的部分隱藏了；

text-overflow：ellipsis;當文字物件溢出是顯示...，當然也可是設定屬性為clip不顯示點點點；