css省略号实现text-overflow:ellipsis;

作者：简简单单 2013-11-21

firefox7.0开始兼容text-overflow:ellipsis;这样的话，以后的省略号就可以做到浏览器兼容了，代码片段为：

 代码如下 复制代码

width:200px;/*设置宽度*/
white-space:nowrap;/*设置不折行*/
text-overflow:ellipsis;/*这就是省略号喽*/
-o-text-overflow:ellipsis;/*兼容opera*/
overflow: hidden;/*设置超过的隐藏*/

例1.

 代码如下 复制代码





JS test



woaicss woaicss woaicsswoaicsswoaicsswoaicss


例.2

 代码如下 复制代码





JS test




2323232woaicsswoaicsswoaicsswoaicss
上一个：CSS 浏览器兼容hack整理收藏 下一个：css 图片水平垂直居中实例小结

相关文章

精彩推荐