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溢出隐藏
评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
  • zhaojiaoyang1
    2017-05-20 14:51:41发表

    怒视李沧海道:色狼!不许看!信不信我揍你[url=http://guangdong.ce.c-c.com]黄腊石[/url] [url=http://houneneps.ce.c-c.com]消防疏散指示系统[/url] [url=http://www.txooo.com/baiduozi/poster/]百多滋[/url] [u

  • abaobao
    2017-04-18 13:26:21发表

    让琳琳带着李沧海走了出来[url=http://www.cwbol.com/yssc/rlys/]肉类养生食物[/url] [url=http://www.cwbol.com/news/]百姓健康资讯[/url] [url=http://www.cwbol.com/sjys/ysbk/201629.html]眼睛肿了如何快速消肿[

  • xiaoman2
    2017-04-18 12:55:54发表

    这洪水似乎每天都在往内陆蔓延[url=http://www.duoye.net/fhdq/]无码番号[/url] [url=http://www.duoye.net/nydq/]好看的女优[/url] [url=http://www.duoye.net/fhdq/9997.html]WA-284[/url] [url=http://www.duoye.

IT技术学习网 - 关于我们 - 联系我们 - 版权声明 - 网站地图