css中flex怎么把html中的内容盒子上下换顺序

在CSS中，可以使用flex-direction属性来控制flex容器中项目的排列方向。默认情况下，flex-direction的值为row，即水平方向。

要将HTML中内容盒子的上下顺序进行切换，可以将flex-direction的值设置为column，即垂直方向。

以下是一个示例：

HTML代码：

<div class="flex-container">
  <div>项目1</div>
  <div>项目2</div>
  <div>项目3</div>
</div>

CSS代码：

.flex-container {
  display: flex;
  flex-direction: column;
}

在上述示例中，.flex-container是一个flex容器，flex-direction: column;将项目在垂直方向上进行排列。这将使内容盒子在上下方向上进行切换顺序。