Html 6单元3*2带div的网格布局

我想知道使用DIVS创建这个3*2“表”的最佳方法是什么

我很想使用简单的表代码

<table>

虽然这会更容易，但今天的趋势是使用div。 因此，什么是最好的，优雅的方式来创造这样的东西

我一直想知道为什么表格突然消失了，我以前只使用表格创建网站（很久以前）。

最简单的答案：

div{
宽度：33%；
浮动：左；
边框：1px纯黑；
高度：100px；
}

最简单的答案：

div{
宽度：33%；
浮动：左；
边框：1px纯黑；
高度：100px；
}

---

如果您只需要支持IE10+，就可以使用flexbox：

*，*：之前，*：之后{
框大小：边框框；
}
.集装箱{
边框：1px纯黑；
显示器：flex；
柔性包装：包装；
}
.细胞{
宽度：33.33%；
高度：100px；
边框：1px纯黑；
}

---

如果您只需要支持IE10+，就可以使用flexbox：

*，*：之前，*：之后{
框大小：边框框；
}
.集装箱{
边框：1px纯黑；
显示器：flex；
柔性包装：包装；
}
.细胞{
宽度：33.33%；
高度：100px；
边框：1px纯黑；
}

您也可以使用

生的{
显示：表格；
宽度：100%；
}
上校{
显示：表格单元格；
边框：1px实心；
高度：100px；
}

您也可以使用

生的{
显示：表格；
宽度：100%；
}
上校{
显示：表格单元格；
边框：1px实心；
高度：100px；
}

框中的内容是什么？？？如果你正在显示表格数据（就像你在电子表格中看到的那样），那么绝对要使用表格。对于布局和设计来说，div是一个不错的选择。安德鲁提出了一个正确的问题，那里面有什么？如果是需要格式化的实际数据，。。喜欢一张桌子，那就去吧！忘记趋势，要实际，我不会跟随趋势，但只需考虑函数并根据我的选择进行选择。事实上，创建一个表时，使用<代码> <代码>没有什么错。人们说“使用而不是”的唯一原因是因为人们习惯于使用。您正在创建一个表，所以请使用

。框中的内容是什么？？？如果您正在显示表格数据（就像您在电子表格中看到的那样），请绝对使用一个表。对于布局和设计来说，div是一个不错的选择。安德鲁提出了一个正确的问题，那里面有什么？如果是需要格式化的实际数据，。。喜欢一张桌子，那就去吧！忘记趋势，要实际，我不会跟随趋势，但只需考虑函数并根据我的选择进行选择。事实上，创建一个表时，使用<代码> <代码>没有什么错。人们说“使用而不是”的唯一原因是因为人们习惯于使用。您正在创建一个表，所以请使用

。这实际上非常简单。我没有想到33%，我想知道在3次跳水后如何突破底线。。。很好，谢谢！请注意，如果容器由于边界而小于600px宽，则会断开。您可以使用

框大小：边框框它实际上非常简单。我没有想到33%，我想知道在3次跳水后如何突破底线。。。很好，谢谢！请注意，如果容器由于边界而小于600px宽，则会断开。您可以使用
框大小：边框框谢谢！这当然是一个很好的解决方案，跨浏览器，但我认为另一个看起来更专业（优雅）。无论如何，谢谢！：-）非常感谢。这当然是一个很好的解决方案，跨浏览器，但我认为另一个看起来更专业（优雅）。无论如何，谢谢！：-）这不会保留列的宽度。这不会保留列的宽度。
<div class="raw">
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
</div>
<div class="raw">
    <div class="col"></div>
    <div class="col"></div>
    <div class="col"></div>
</div>

.raw{
     display:table;
    width:100%;
}
.col{
    display:table-cell;
    border:1px solid;
    height: 100px;
}