css 样式文字溢出显示省略号
2014-11-21 16:53
483 查看
原本以为文字溢出的处理比较复杂,没想到这么一简简单单的一句话就搞定了,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
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
相关文章推荐
- css 样式文字溢出显示省略号
- css 样式文字溢出显示省略号
- css 样式文字溢出显示省略号
- css控制文字溢出省略号显示
- 文字过长 用 ... 表示 CSS实现单行、多行文本溢出显示省略号
- css之文字溢出显示省略号
- CSS实现溢出文字显示省略号
- CSS文字溢出部分显示为省略号
- CSS 强制不换行,文字溢出显示省略号~
- 用css控制table文字溢出显示省略号 控制td显示字数
- css单行、多行文字溢出显示省略号
- CSS 控制容器内文字个数,超出容器后显示省略号 小技巧,大用处
- CSS截取字符串,多余文字省略号显示
- css如何控制文字多行显示,溢出截断后末尾出现省略...
- 工作小结-TextBox为密码框赋值技巧,CSS溢出显示省略号方法
- css 控制溢出文本显示省略号效果
- 工作小结-TextBox为密码框赋值技巧,CSS溢出显示省略号方法
- CSS截取字符串,将多余文字用省略号显示
- 网页div文字溢出(超出)显示省略号
- css 溢出文本显示省略号的详细方法