使用flex实现一行显示固定几块，强制换行且均匀分布

"```markdown Flexbox 实现一行显示固定几块，强制换行且均匀分布

使用 Flexbox 布局可以轻松实现一行显示固定数量的块，并在需要时强制换行并实现均匀分布。以下是示例代码：

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

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

.item {
  flex: 0 0 33.333%; /* 一行显示三个块，总共六个块 */
  box-sizing: border-box; /* 让 padding 和 border 不影响宽度 */
  text-align: center; /* 居中文本 */
  border: 1px solid #000; /* 添加边框 */
}

在上述示例中，通过 flex-wrap: wrap 属性，当容器空间不足时块会自动换行。flex: 0 0 33.333% 则指定了每个块的宽度为容器的三分之一，从而保证了在一行显示三个块，并且通过 box-sizing: border-box 来确保 padding 和 border 不会增加块的宽度。最后，text-align: center 用于居中文本，border 用于添加边框。

通过以上代码和解释，使用 Flexbox 可以很方便地实现一行显示固定数量的块，且在需要时强制换行并实现均匀分布。