Question

我正在设计一个工具栏，该工具栏根据宽度进行包装，并分为两半，最外面的项目贴在它们各自的侧面：

容器已设置justify-content: flex-end。随着范围的缩小，最后一件物品会被包裹起来，但会按预期坚持到底：

Spacer只是一个margin: 0 auto元素。

但是，一旦包裹了左边的物品之一，其余的物品就会突然跳到右边：

有什么方法可以防止这种跳跃吗？

Answer 1

因为在容器上弯曲末端，所以我看不到如何使其保持在左侧。

您可以使用媒体查询。更改flex-end以使其开始，但随后将其全部对齐。

另一种解决方案是让它成长为完整的容器。在小屏幕上

test.py

对不起，没有更多帮助。