两个两个的堆栈div，使用flex-wrap而不是wrapping

两个两个的堆栈div是指将一组div元素按照两个为一组进行堆叠排列的布局方式。使用flex-wrap属性而不是wrapping可以实现这种布局。

flex-wrap是CSS的flexbox布局属性之一，用于控制flex容器中的flex项在一行排列不下时是否换行。默认情况下，flex项会自动换行以适应容器的宽度。而使用flex-wrap属性可以改变这种行为，使得flex项在一行排列不下时，继续在同一行内进行堆叠。

具体实现这种布局方式的代码如下：

HTML代码：

<div class="container">
  <div class="stack">1</div>
  <div class="stack">2</div>
  <div class="stack">3</div>
  <div class="stack">4</div>
  <div class="stack">5</div>
  <div class="stack">6</div>
</div>

CSS代码：

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

.stack {
  width: 50%;
  height: 100px;
  background-color: #ccc;
}

在上述代码中，我们创建了一个名为container的容器，设置其display属性为flex，使其成为一个flex容器。然后，通过设置flex-wrap属性为wrap，实现了两个两个的堆栈div布局。

每个堆栈div的宽度设置为50%，这样两个div就会占据一行的一半宽度。堆栈div的高度和背景颜色可以根据实际需求进行调整。

这种布局方式适用于需要将一组div元素按照两个为一组进行排列的场景，例如展示商品列表、图片墙等。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云物联网平台（IoT Hub）：https://cloud.tencent.com/product/iothub
• 腾讯云移动开发平台（MTP）：https://cloud.tencent.com/product/mtp