Html 如何在触发flex wrap时向右对齐，而在其他情况下调整内容间距？

我一直在寻找答案，但我不知道如何用简洁的文字来回答我的问题。到目前为止，我什么也没找到

情况如下：

在大屏幕上，我希望这样：

edge| [CONTENT A] ... space ... [CONTENT B] |edge

我通过使用

justify content:space-between

实现了这一点

但是，当窗口向下调整时，内容将变为：

edge| [CONTENT A] ... space ... |edge
edge| [CONTENT B] ... space ... |edge

（我使用的是

flex-wrap:wrap

）

但是我想

edge| ... space ... [CONTENT A] |edge
edge| ... space ... [CONTENT B] |edge

• 我试过

  width:100%；文本对齐：向右

  ，但在大屏幕中，内容看起来居中，因为

  内容A

  被推到了右侧
• 我尝试了

  marginleft:auto

  ，它实现了相同的视觉效果：在小屏幕上工作，但

  content A

  看起来以大宽度居中
• 我尝试过对齐项目：flex end；对齐内容：flex end，但它什么都不做
• 我尝试了

  align-self:flex-end

  ，但也没有任何效果

有什么建议吗？

---

谢谢。

行反向包装反向

可以

.box{
显示器：flex；
证明内容：之间的空间；
柔性流程：行反向包裹反向；
/*或
弯曲方向：行反向；
柔性包装：反向包装；
*/
/*说明*/
溢出：隐藏；
调整大小：水平；
填充：10px；
边框：1px实心；
/**/
}
.box>div{
填充：10px 30px；
边框：1px纯蓝色；
} 
.box>div：第一个孩子{
订单：1；/*以更正行反向交换的订单*/
}

一些文本A
一些文本B

请提供一个可复制的示例，您是否使用css媒体查询在较小的屏幕上显示不同的css？内容可能会改变大小。是文字在移动。使用媒体查询会非常痛苦而且不可靠哇！这太棒了！我甚至不知道

wrap reverse

的存在，我也从未想过在反转DOM时将其与

行反转

结合使用。这太疯狂了，哈哈。非常感谢你！