Search

9/24/2008

应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了溢出文本显示省略号效果

应用: text-overflow:ellipsis; white-space:nowrap; overflow:hidden; 实现了溢出文本显示省略号效果 - 設定 text-overflow:ellipsis之前要先有overflow:hidden,不然內文一樣會溢出,text-overflow:ellipsis FF2不支援,ie6支援(!!),chrom/webkit支援。使用text-overflow:ellipsis的另外一個好處是不會有字從一半cut調的情形。

  语法:
  text-overflow : clip | ellipsis

  参数:
  clip :  不显示省略标记(...),而是简单的裁切
  (clip这个参数是不常用的!)
  ellipsis :  当对象内文本溢出时显示省略标记(...)

http://chunghe.googlecode.com/svn/trunk/experiment/text-overflow.htm

沒有留言: