软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Html/css > 纯CSS单行文本溢出追加省略号代码

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

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

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

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

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


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

    相关阅读
    网友评论
    栏目导航
    推荐软件