没有嵌套div的CSS表？

Question

是否可以使用display: table创建没有嵌套div的网格布局？

<div id="container">
 <div id="article1">
 <div id="article2">
 <div id="article3">
 <div id="article4">
 <div id="article5">
 <div id="article6">
</div>

结果应该是例如3x2表。如果我将display: table-cell应用于文章div，我会将它们全部连接起来。我假设没有可能在3个div之后创建一个新行而不将它们嵌套在HTML中？

Answer 1

最好使用flexbox模型，如下所示：

#container {
  display: flex;
  flex-wrap: wrap;
}

#container>div {
  width: 33.3%;
  flex-shrink: 0;
}

检查代码中的示例here。

所以不需要额外的div标签