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

前端之家收集整理的这篇文章主要介绍了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.

猜你在找的HTML相关文章