一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-06-25 08:59:54 编辑:袖梨 来源:一聚教程网

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



热门栏目