解
代替
justify-content: space-around使用
justify-content: space-between。
说明
看一下flexbox规范:
*8.2。 轴对齐:justify-content
属性
该
justify-content属性使flex项目沿着flex容器当前行的主轴对齐。有五个适用于的值
justify-content。这是其中两个:
space-around
伸缩项均匀地分布在行中,两端留有一半大小的空格。
如果剩余的自由空间为负或在线上只有一个弹性项目,则此值等于
center。
强调我的。那就是你的问题。
现在检查
space-between:
space-between
弹性物料均匀地分布在生产线上。
如果剩余的自由空间为负或在线上只有一个弹性项目,则此值等于flex-start
。
因此,要在包装上将弹性商品左对齐,请使用
space-between。
然后,如有必要,您可以向容器中添加一些左右填充以进行模拟
space-around。
当然,您将面临的下一个问题是 两个 项目包装在一起,并且每个项目在相对的两端对齐。



