怎么用CSS强制TD不换行

来源:互联网 发布:淘宝买家数据出售 编辑:程序博客网 时间:2024/04/28 04:36
 
超出部分隐藏,对于td是无法实现的。
这里我在网上看到一种方法table { table-layout: fixed; }
看下面的:
table-layout版本:CSS2  兼容性:IE5+ 继承性:无
语法:
table-layout : auto | fixed
取值:
auto   :  默认值。默认的自动算法。布局将基于各单元格的内容。表格在每一单元格内所有内容读取计算之后才会显示出来
fixed   :  固定布局的算法。在这种算法中,表格和列的宽度取决于 col 对象的宽度总和,假如没有指定,则会取决于第一行每个单元格的宽度。假如表格没有指定宽度( width )属性,则表格被呈递的默认宽度为 100% 。

说明:
设置或检索表格的布局算法。
你可以通过此属性改善表格呈递性能。此属性导致IE以一次一行的方式呈递表格内容从而提供给信息用户更快的速度。此属性依据此下顺序使用其中一种方式布置表格栏宽度:

使用 col 或 colGroup 对象的宽度( width )属性信息。

使用表格第一行内的单元格的宽度( width )信息。

依据表格列数等分表格宽度。而不考虑表格内容的实际宽度。
假如单元格的内容超过了列宽度,内容将会被换行。假如无法换行,则内容会被裁切。假如此属性被设置为 fixed ,则 overflow 能够被用于控制处理溢出单元格( td )宽度的内容。假如表格行高度被指定了,那么换行的内容如果超出了指定表格行高度也会在纵向上被裁切。

设置此属性值为 fixed ,有助于提高表格性能。对于长表格效果尤其显著。
设置表格行高可以进一步提高呈递速度,浏览器不需要检测行内每一个单元格内容去确定行高就可以开始解析以及呈递。
此属性对于 currentStyle 对象而言是只读的。对于其他对象而言是可读写的。
对应的脚本特性为 tableLayout 。

注意看我加粗蓝色的那段话。
以上转载自小雨的 CSS 手册:
用了table-layout:fixed 以后,你指定每格的宽度(可以考虑用colgroup)和高度(用 css 定义 tr ),就不需要去考虑什么换行问题了。
原创粉丝点击