我喜欢让我的表格像块元素一样工作。我不能将它设置为宽度:100%,因为它确实有一些填充,这将导致100%+填充物PX。设置要显示的表格:块
最后表我想要做什么,你可以看到的box-shadow?但桌上的孩子不喜欢这种方式^^
我猜TH内部的THEAD是问题。 他们没有得到66%至33%的认定比例。
帮助想...
我喜欢让我的表格像块元素一样工作。我不能将它设置为宽度:100%,因为它确实有一些填充,这将导致100%+填充物PX。设置要显示的表格:块
最后表我想要做什么,你可以看到的box-shadow?但桌上的孩子不喜欢这种方式^^
我猜TH内部的THEAD是问题。 他们没有得到66%至33%的认定比例。
帮助想...
最后我自己找到了答案。
把你的表的包装容器内,并写一个类似的CSS规则:
// HTML
<div class="wrapper_full">
<table>...</table>
</div>
// CSS
.wrapper_full > table
{
width: 100%;
}
现在表格不再会溢出您的布局,并且与大多数元素完全吻合。
这解决了我的问题。为什么我没有想到这之前?? :) – Cullub
你的表应该是display: table
。如果您担心尺寸大小,请使用box-sizing: content-box
。
原因是display: table
创建表布局机制的行和列需要布局;在某些情况下,如果所需的元素不存在,它们将被隐式创建,但可能会导致问题。 (您可以测试出通过与div
个表格布局,并将其设置为display: table
,table-row
,table-cell
,这是table
,tr
和td
元素的默认用户代理样式。如果你与你重置的样式玩耍你会发现浏览器有时会隐式地使表格布局不正确。)
因此,如果你想要一个实际的表格布局,总是保留display: table-*
样式。用适当的样式来分类你的宽度问题。如果你更好地描述你想要的东西,也许你可以得到更好的答案。
这不是博客或论坛。如果您必须用新信息更新您的问题,请清楚地提及它。新读者不了解您的编辑前问题。 –
如果答案不是您想要的,请发表评论或回复,否则请接受它以关闭问题(单击答案左侧的复选标记)。欢迎来到SO,并希望你觉得它有帮助。 –