寂寞部屋
- 关注互联网,关注生活
关注互联网,关注生活
2019年五月
« 4月    
 12345
6789101112
13141516171819
20212223242526
2728293031  
  • 日志总数:553 篇
  • 浏览总量:2,433,046 次
  • 运行天数:612 天
  • 建站时间:2017-9-14
  • 最后更新:2019-4-2

文字过长自动省略的css写法

IE下面的写法:

CSS代码
  1. overflow:hidden;       
  2. text-overflow:ellipsis;       
  3. whitewhite-space:nowrap;    

FF下面的写法:

使用 :after 伪类来实现…

CSS代码
  1. <div class="ellipsis">       
  2. <span>A very, very, very, very, very, very, very, very, very long text</span>       
  3. </div>       
  4. We should have this css stylesheet :       
  5. .ellipsis span {       
  6.    whitewhite-space:nowrap;       
  7.    text-overflow:ellipsis; /* for internet explorer */      
  8.    overflow:hidden;       
  9.    width:190px;       
  10.    display:block;       
  11. }       
  12. html>body .ellipsis {       
  13.    clear:both;       
  14. }       
  15. html>body .ellipsis span:after {       
  16.    content"…";       
  17. }       
  18. html>body .ellipsis span {       
  19.    max-width:180px;       
  20.    width:auto !important;       
  21.    float:left;      
本站原创文章,请勿复制转载
版权声明:除特别注明外,本站所有文章均为原创,未经许可请勿复制、转载
2007-11-20
7,050 views
标签: , ,
暂无评论

发表评论

注意: 评论者允许使用'@user空格'的方式将自己的评论通知另外评论者。例如, ABC是本文的评论者之一,则使用'@ABC '(不包括单引号)将会自动将您的评论发送给ABC。使用'@all ',将会将评论发送给之前所有其它评论者。请务必注意user必须和评论者名相匹配(大小写一致)。