html - 无论内容如何，​​将表格单元格锁定为其默认大小

Question

如果我有

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

和

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

每个单元格占据表格的四分之一，表格会拉伸(stretch)以适合窗口。

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

Answer 1

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

More info on w3schools .