css布局样式属性【text-overflow】

标签：

当文本过长，需缩略显示时，使用CSS属性【text-overflow】即可满足需求：
关键字: text-overflow:ellipsis
语法：text-overflow : clip | ellipsis

clip ：默认值 。不显示省略标记(...)，而是简单的裁切.
ellipsis： 当对象内文本溢出时显示省略标记(...).

注意：text-overflow 还只是ie的私有属性而已，也没被收录到w3c标准里 。

overflow: hidden; text-overflow:ellipsis;white-space:nowrap;一定要一起用

1.一定要给容器定义宽度.

2.如果少了overflow: hidden;文字会横向撑到容易的外面

3.如果少了white-space:nowrap;文字会把容器的高度往下撑；即使你定义了高度，省略号也不会出现，多余的文字会被裁切掉

4.如果少了text-overflow:ellipsis;多余的文字会被裁切掉，就相当于你这样定义text-overflow:clip.如果容器是table，当文字内容过多时，不换行，而是出现...

table{table-layout:fixed;}
td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

css布局样式属性【text-overflow】

标签：

原文地址：http://www.cnblogs.com/yantz/p/4561305.html