我正在尝试创建一个符合以下要求的表:
- 表格宽度必须定义为 0 - 浏览器应根据列宽计算宽度(这是为了容纳列调整大小插件)。
- 某些列可能具有固定宽度(例如 50px);
- 没有固定宽度的列必须自动适应内容。
我创建了一个小例子 http://jsfiddle.net/sangil/HbARP/为了说明问题 - 正如您所看到的,第 3 列的宽度保持为 0,因此不可见。
EDIT
这是不可能的 table-layout: 固定和宽度为 0 在你的桌子上。
形成W3 规范第 17.5.2.1 节 http://www.w3.org/TR/CSS2/tables.html#propdef-table-layout:
在固定表格布局算法中,每列的宽度为
确定如下:
- “width”属性的值不是“auto”的列元素设置该列的宽度。
- 否则,第一行中“width”属性的值不是“auto”的单元格将确定该列的宽度。如果
单元格跨越多于一列,宽度除以
列。
- 任何剩余的列均等地划分剩余的水平表空间(减去边框或单元格间距)。
但是,当您执行自动布局(第 17.5.2.2 节中描述)时,您的宽度将被调整以适应您的内容,并且仅在可能的情况下使用提供的宽度。例如,如果每列的最小宽度之和超过表格的容器宽度,则所有内容都会移动以适应独立于您设置的宽度。
还应该指出的是:
在“table-layout”为“auto”的情况下,UA 不需要实现此算法来确定表布局;他们可以使用任何其他算法,即使它会导致不同的行为。
不幸的是,答案似乎是一个冗长的“不”:(
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)