Html Flexbox包裹，选择下一行的子对象

可以选择flexbox的哪个子项应该放在下一行，而不是总是放在最后一行？ 例子： 全尺寸，无破损：

默认行为，破坏最后一个。

所需的行为，将div从中间断开到另一行：

使用flexbox是否可以实现这一点？

如果您需要等宽元素，列可以近似实现这一点

.盒子{ 列宽：max30vw，150px； } .box>div{ 填充：10px； 宽度：100%； 显示：内联块； 边框：1px实心； 边缘底部：5px； 框大小：边框框； } /*我需要这些额外的元素有正确的布局*/ .box>i{ 显示：块； } A. B C 如果需要等宽元素，则列可以近似此值

.盒子{ 列宽：max30vw，150px； } .box>div{ 填充：10px； 宽度：100%； 显示：内联块； 边框：1px实心； 边缘底部：5px； 框大小：边框框； } /*我需要这些额外的元素有正确的布局*/ .box>i{ 显示：块； } A. B C 已编辑：可以使用顺序：n；属性以订购灵活的项目，flex shorthand属性以使用flex:0 100%使b元素全宽，然后将订单更改为订单：2

.flexbox{ 显示器：flex； 柔性包装：包装； } .a、.b、.c{ 弹性：1； } @媒体最大宽度：768px{ .b{ 弹性：0.100%； 顺序：2； } } A. B C 已编辑：可以使用顺序：n；属性以订购灵活的项目，flex shorthand属性以使用flex:0 100%使b元素全宽，然后将订单更改为订单：2

.flexbox{ 显示器：flex； 柔性包装：包装； } .a、.b、.c{ 弹性：1； } @媒体最大宽度：768px{ .b{ 弹性：0.100%； 顺序：2； } } A. B C

---

你查过flex的订单属性了吗？你查过flex的订单属性了吗？问题是，我只想在需要切换到另一行时更改顺序，请参见我的示例和图片。@Diego抱歉，我没有正确理解这个问题。我编辑了答案。我看不到任何其他的方法。假设您不知道flexed元素的宽度百分比，您可以在需要时对不同的断点使用媒体查询。问题是，我只想在需要切换到另一行时更改顺序，请参阅我的示例和图片。@Diego抱歉，我没有正确理解这个问题。我编辑了答案。我看不到任何其他的方法。假设您不知道flexed元素的宽度百分比，您可以在需要时对不同的断点使用媒体查询。我有一个使用flexbox的完整布局，我不想更改显示类型和布局本身的工作方式。我有一个使用flexbox的完整布局，我不想改变显示器的类型和布局本身的工作方式。