如何使用 flex 创建四个块？ [复制]

【问题标题】：How to create four block using flex? [duplicate]如何使用 flex 创建四个块？ [复制]
【发布时间】：2019-12-02 04:57:21
【问题描述】：

我尝试创建四个宽度相同的块：

1    2 


3    4

<div class="blocks">
   <div class="item"></div>
   <div class="item"></div>
   <div class="item"></div>
   <div class="item"></div>
</div>

.block {
  display: flex;
}

【问题讨论】：

标签： css

【解决方案1】：

演示：

.item {
     width: 100px;
     height: 100px;
     border: 1px solid black;
     display: flex;
     justify-content: center;
     align-items: center;
   }

   .group{
     display: flex;
     flex-direction: row;
   }

  <div class="group">
   <div class="item">1</div>
   <div class="item">2</div>
  </div>
                
  <div class="group">
   <div class="item">3</div>
   <div class="item">4</div>
  </div>

【讨论】：