如何对flex容器中的元素进行垂直排序？

<style>
  .flex-container {
    display: flex;
    flex-direction: column;
  }

  .flex-item {
    order: 2;
  }

  .flex-item:nth-child(2) {
    order: 1;
  }

  .flex-item:nth-child(3) {
    order: 3;
  }
</style>

<div class="flex-container">
  <div class="flex-item">元素1</div>
  <div class="flex-item">元素2</div>
  <div class="flex-item">元素3</div>
</div>