CSS3中的text-overflow属性_HTML5中文网 - 中国领先的HTML5技术门户
2013-10-15 22:12:57
[小 大]
已经帮助：人解决问题
当通过把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属性
（责任编辑：）
