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

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