当通过把overflow属性值设定为“hiddden”的方法,将盒中容纳不下的元素隐藏时,如果使用text-overflow属性,可以在盒的末尾显示一个代表省略的符号“…”
text-overflow : clip | ellipsis
clip : 不显示省略标记(…),而是简单的裁切 (clip这个参数是不常用的!)
ellipsis : 当对象内文本溢出时显示省略标记(…)
text-overflow属性使用实例:
.demo p { overflow:hidden; width:150px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
通过将white-space属性的值设置成nowrap,使得盒右端的内容不能换行,这样盒中的内容就在水平方向上溢出了。
text-overflow属性也是有Internet Explorer浏览器扩展出来的,被CSS 3所采纳的一个属性。
目前Firefox 5尚不支持text-overflow属性