html - 如何使用 div 获取 html 表格？

Question

我知道当我实际上可以轻松地使用表时table，用 s 创建 s可能很愚蠢。div但是，现在这是必要的，以后可能会在div.

现在我希望布局如下所示：

1. 这就像 3 x 3 的表格，中间有一些填充
2. 我需要让整个事情绝对居中。

Answer 1

使用它的最佳方式960 Grid，它具有相同的可变 div 宽度和它们之间的边距

Answer 2

我不知道你的浏览器支持。这将适用于现代浏览器：

工作演示

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;
}