Question

我喜欢让我的表行为像块元素。我无法将其设置为宽度：100％，因为它确实有一些填充，这将导致100％+填充PX。

最后桌子做了我想要的，你能看到盒子阴影吗？但桌子上的孩子不喜欢那样^^

我猜THEAD里面的TH是问题所在。它们没有达到66％到33％的预期比率。

需要帮助......

Answer 1

您的表格应为display: table。如果您担心尺寸，请使用box-sizing: content-box。

原因是display: table创建了表格布局机制，需要布置行和列;在某些条件下，如果不存在所需的元素，它们将被隐式创建，但它可能会导致问题。（您可以通过制作包含div的表格布局并将其设置为display: table，table-row，table-cell来测试它们，这些是{{的默认用户代理样式1}}，table和tr元素。如果您在不同的组合中使用取消设置div上的样式，您会发现有时浏览器会隐式地使表格布局不正确。）< / p>

因此，如果您想要实际的表格布局，请始终保持td样式不变。使用适当的样式整理宽度问题。如果你更好地描述你想要的东西，也许你可以得到更好的答案。

Answer 2

最后我自己找到了答案。

将您的表放在包装容器中并编写类似于此的CSS规则：

<强> // HTML

<div class="wrapper-table">
<table>...</table>
</div>

<强> // CSS

.wrapper-table > table
{
    width: 100%;
}

现在桌子将不再溢出你的布局，并且完全像大多数元素一样。

设置要显示的表：块

2 个答案: