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