IT技术学习网
IT技术学习网
您的位置: 主页 > 编程技术 > css >

css溢出隐藏

2014-12-11 11:16 来源: IT技术学习网原创 阅读:

本文为大家讲述如何实现css中极为常用的溢出隐藏。这种溢出隐藏的css代码适用于很多html标签,比如div,li,span标签等等,都是一样的可以实现溢出隐藏的。

实现后的效果如下图所示:

溢出隐藏

css溢出隐藏代码:

li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 300px;
}

4个css属性,其中width:300px可选。另外三个属性缺一不可。

white-space: nowrap;表示不换行。text-overflow: ellipsis;表示隐藏处以省略号表示,overflow: hidden;表示隐藏。

li可以换成div,span,td或者任意类名都可以。

css溢出隐藏
转载需注明出处:IT技术学习网 http://www.itjsxx.com/css/yichuyincang.html

评论文章 css溢出隐藏
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
IT技术学习网 - 关于我们 - 联系我们 - 版权声明 - 网站地图