我有一个表,该表在单元格中包含另一个小表:
<table id="big" style='width: 100%'>
<tr>
..
<td>..</td>
..
</tr>
<tr>
..
<td style='width: 75px'>
<table style='width: 100%'>
<tr>
<td style='width: 33%'><select></select></td>
<td style='width: 33%'><select></select></td>
<td style='width: 33%'><select></select></td>
</tr>
</table>
</td>
..
</tr>
</table>
如您所见,我有一张小桌子,可以容纳整个外部单元格。该表应划分为1x3的单元格,每个单元格都包含一个选择组合框。
现在,内部表的宽度总是大于指定的宽度,从而破坏了外部表的GUI。
如您所见,我试图以像素为单位限制外部单元的宽度,但没有成功。
即使内容需要更多空间,您也需要指定固定的表格布局以尊重列宽:
table {
table-layout: fixed;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句