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

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


style = "white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" 

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

查閱了下,屬性如下:

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

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

text-overflow:ellipsis;當文本對象溢出是顯示...,當然也可是設置屬性爲clip不顯示點點點;



來自:http://blog.csdn.net/huangzijuan1/article/details/6079980

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章