text-overflow,超出宽度显示”…”

text-overflow属性,可以通过CSS来控制显示的字数,而且不存在中英文长度不同的问题,更重要的是,多数浏览器都支持该属性,它的语法:

text-overflow : clip | ellipsis

clip:不显示省略标记(…),而是简单的裁切。ellipsis:当对象内文本溢出时显示省略标记(…)

  1. 设置或检索是否使用一个省略标记(…)标示对象内文本的溢出。对应的脚本特性为textOverflow。
  2. text-overflow属性仅是注解,当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义:强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(overflow:hidden),只有这样才能实现溢出文本显示省略号的效果。  
兼容性
text-overflow兼容性
原文链接:,转发请注明来源!

发表评论