css中flex怎么把html中的内容顺序变成从低到高

要将HTML中的内容顺序从低到高，可以使用CSS的flexbox布局的flex-direction属性和order属性。

首先，将父元素的display属性设置为flex，这样父元素的子元素就可以使用flexbox布局。然后，设置父元素的flex-direction属性为column-reverse，这样子元素就会按照从下到上的顺序排列。

接下来，如果需要对子元素进行进一步的排序，可以使用子元素的order属性。order属性的默认值为0，数字越小，元素的排列顺序越靠前。因此，可以将需要放在最上面的元素的order设置为一个较小的负数，将需要放在最下面的元素的order设置为一个较大的正数。

以下是一个示例：

HTML代码：

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
</div>

CSS代码：

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

.item {
  order: -1; /* 将Item 1放在最上面 */
}

在上面的示例中，通过设置父元素的flex-direction为column-reverse，子元素会按照从下到上的顺序排列。然后，通过将Item 1的order设置为-1，使得它在其他元素之上。

注意：flexbox布局中的order属性只能用于子元素，而不是父元素