Question

我有多个表显示为内联块元素。但是，我想修复宽度，使它们超出水平空间，使每个表的宽度为33％（每行3个表）。示例代码如下：

<table>
<thead>
<tr><th></th><th></th><th></th><th></th></tr>
</thead>
<tbody>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
<tr><td></td><td></td><td></td><td></td></tr>
</tbody>
</table>

...重复上述代码2次。

现在我似乎无法做对。所有表都具有class属性，并设置为33％宽度，但似乎没有任何变化。

Answer 1

其他可能性是

'float: left'

因此您不必将宽度设置为接近33.3％。只需确保表格的父元素上有 Clearfix 。

<强> Fiddle

Answer 2

试试这个

table
{
   float:left;
   width:33%;
}

在百分比中，您必须满足填充，边距和边框问题，并在必要时减少它。您可能需要将display:inline-block添加到3个表的容器

中

将宽度固定在一行上的多个表中

2 个答案: