CSS3中的text-overflow属性

<style type="text/css">

   div{

      overflow:hidden;

      white-space:nowrap;

      text-overflow:ellipsis;

   }

</style>

当通过把overflow属性的属性值设定为hidden的方法将盒中容纳不下的内容隐藏起来，如果使用text-overflow属性，可以在盒的末尾显示一个代表省略的符号"..."。但是，text-overflow属性只在当盒的内容在水平方向上超出盒的容纳范围时有效。

text-overflow属性目前受到ie6以上，firefox、Chrome、Safari等浏览器的支持。

通过将white-space属性的属性值设定为nowrap，使得盒的右端内容不能换行显示，这样一来，盒中的内容就在水平方向上溢出了。