-1

複数のテーブルをインライン ブロック要素として表示しています。ただし、各テーブルの幅を 33% (1 行あたり 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 回繰り返します。

今、私はそれを正しく理解できないようです。すべてのテーブルにクラス属性があり、幅が 33% に設定されていますが、何も変わっていないようです。

4

2 に答える 2

0

これを試して

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

パーセンテージでは、パディング、マージン、ボーダーの問題に対応し、必要に応じて削減する必要があります。display:inline-block3 つのテーブルのコンテナーに追加する必要がある場合があります

于 2012-11-11T18:04:06.890 に答える
0

他の可能性は

'float: left'

したがって、幅をほぼ 33.3% に設定する必要はありません。テーブルの親要素にClearfixがあることを確認してください。

フィドル

于 2012-11-11T18:01:57.310 に答える