css - 当容器中只有一项时，CSS flex 默认结束

Question

我有一个像导航栏一样使用 flex 的容器，所以我有左右项目使用属性之间的空间。我的问题是有时左边的项目不存在，我希望右边的项目仍然留在右边。这是一个例子：

<div class="container">
  <div>
  Stay on left
  </div>
  
  <div>
  Stay on right
  </div>
</div>

.container {
  display: flex;
  justify-content: space-between;
}

当我删除左侧 div 上的停留时，我仍然需要右侧 div 上的停留才能停留在容器的右侧

标签： css

Answer 1

    <div class="container">
  <div>
  Stay on right
  </div>
  
  <div>
  Stay on left
  </div>
</div>

.container {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}