无论内容如何,都将表格单元格锁定为默认大小

Question

如果我有

<table>
    <tr>
        <td></td>
        <td></td>
    </tr>
    <tr>
        <td></td>
        <td></td>
    </tr>
</table>

和

table
    { width: 100%; height: 100%; }

每个单元占据表的相等四分之一,并且表伸展以适合窗口.

如何防止这些表格单元格调整自身大小以适应单元格内的内容(同时仍然适合表格的容器)？

Answer 1

您可以尝试table-layout:fixed;- 这会将布局设置为某个固定大小(在CSS中指定)并忽略单元格的内容,因此单元格的宽度永远不会更改.我不确定这是否会影响垂直布局.

无论内容如何,​​都将表格单元格锁定为默认大小