A-A+

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

2007年11月20日 网站运维 暂无评论 阅读 6,993 views 次

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;      
标签:

给我留言

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

Copyright © 寂寞部屋 保留所有权利.   Theme  Ality

用户登录