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

如果我有

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

和

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

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

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

解决方法

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

More info on w3schools.

原文地址：https://www.jb51.cc/html/226678.html