html - divを使用してhtmlテーブルを取得する方法は？

Question

実際にテーブルを簡単に使用できるのに、sを使用してtablesを作成するのはおそらくばかげていることを私は知っています。divただし、これは今のところ必要です。後で、CSSの変更がに追加される可能性がありますdiv。

今のところ、レイアウトは次のようになります。

1. これは3x3のテーブルのようなもので、間にいくつかのパディングがあります
2. 全体を完全に中心に置く必要があります。

Answer 1

あなたのブラウザのサポートについてはわかりません。これは最新のブラウザで機能します。

作業デモ

HTML：

<div class="DivTable">
    <div class="Row">
        <div class="Cell"></div>
        <div class="Cell"></div>
        <div class="Cell"></div>
    </div>
    <div class="Row">
        <div class="Cell"></div>
        <div class="Cell"></div>
        <div class="Cell"></div>
    </div>
</div>

CSS：

.Cell{
    width:100px;
    height:50px;
    border:1px solid blue;
    float:left;
    margin-left:10px;
}

.Cell:first-child{
    margin-left:0px;
}

.Row{
    margin-top:10px;
    overflow:hidden;
}

.Row:first-child{
    margin-top:0px;
}

.DivTable{
    float:left;
    border:1px solid red;
}

Answer 2

それを使用する最良の方法960グリッド、それは可変のdiv幅とそれらの間のマージンで同じものを持っていることです