css - 根据包装状态格式化弹性项目

Question

我正在使用 Flexbox 来跟踪布局，如果我能实现我的目标，我愿意切换到 CSS Grid 或普通的旧浮动。这个问题与这两个非常相似：检测 flex wrap并根据 wrap state 选择一个项目。

如果我的视口有足够的空间来并排放置两个 flex 项，那么我的第二个 flex 项应该是右对齐的。

如果没有足够的空间，那么我的第二个弹性项目将会换行。但是，发生这种情况时，我想将文本对齐方式从右向左更改。

标签： csslayoutflexbox