gpt4 book ai didi

css - div 在 td 中,但 td 被意外扩展

转载 作者:太空宇宙 更新时间:2023-11-04 00:33:51 25 4
gpt4 key购买 nike

<td>
<div id="test">...</div>
</td>
<td>
.....
</td>

我可以从 firebug 中看到 td 比“测试”div 宽约 40px(宽度+边框+边距全部包括在内),但是没有 css 样式可以做到这一点(没有设置宽度,填充)!

为什么这里的“td”没有div那么宽?

我现在将 td 硬编码为与“测试”div 一样宽,但感觉不舒服。

最佳答案

如果没有您的其余代码,我将在这里冒险,但是 <td>将根据表格宽度/表格中的列数自动调整大小。如果您的表格没有指定明确的宽度,那么它将扩展到其容器或父元素的 100% 宽度。您可以根据需要在表格或表格单元格上设置明确的宽度,从而轻松避免这种情况。

在以下情况下,每列将自动调整为表格宽度/列数,或者在本例中为 400/4 = 100。因此每列的宽度为 100 像素。

<table style="width:400px">
<td></td>
<td></td>
<td></td>
<td></td>
</table>

根据浏览器的不同,在这种情况下有两种可能的结果。 1. 表格将扩展到其父级宽度的 100%,或此处为 600px。这意味着每列将自动调整为 150 像素宽。 2. 表格和列可能会扩展到其列组中最宽子元素的宽度。

<body style="width: 600px"> <!-- Could be a div or other element here -->
<table>
<td></td>
<td></td>
<td></td>
<td></td>
</table>
</body>

可以找到 WC3 规范 here并提供了一些关于浏览器如何应该实现关于表格的 HTML 4.01 规范的详细信息。

关于css - div 在 td 中,但 td 被意外扩展,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/1303734/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com