CSS3中的text-overflow属性

版权声明: https://blog.csdn.net/u013063153/article/details/52424948

<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,使得盒的右端内容不能换行显示,这样一来,盒中的内容就在水平方向上溢出了。


没有更多推荐了,返回首页