最火下载站首页
手机版
最火下载站
关注公众号
最火下载站

当前位置:首页 > 网络知识 > Web前端 > Html/css> 纯CSS单行文本溢出追加省略号代码

纯CSS单行文本溢出追加省略号代码

文章作者:网友投稿 发布时间:2012-10-25 14:14:57 来源:网络

之前一直以为单行文本溢出追加省略号没法兼容所有浏览器,经元泉同志提点,顺利解决: .box { width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

之前一直以为单行文本溢出追加省略号没法兼容所有浏览器,经元泉同志提点,顺利解决:

.box {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

样式代码,四个属性都是必须的,并且宽度必须设在当前容器上,父容器定宽无效:

测试 IE6、IE7、IE8、IE9、Chrome、Firefox 均支持。


提示:可修改后代码再运行!

上一篇: 图片热区详解 与切片的优势比较

下一篇: 背景图片自适应分辨率浏览器大小自动拉伸全屏代码

共有0条评论网友评论