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

作者:袖梨 2022-06-25

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



相关文章

精彩推荐