包裹时,d性商品应左对齐,而不是居中对齐

包裹时,d性商品应左对齐,而不是居中对齐,第1张

包裹时,d性商品应左对齐,而不是居中对齐 解

代替

justify-content: space-around
使用
justify-content: space-between


说明

看一下flexbox规范:

8.2。 轴对齐:

justify-content
属性

justify-content
属性使flex项目沿着flex容器当前行的主轴对齐。

有五个适用于的值

justify-content
。这是其中两个:

space-around

伸缩项均匀地分布在行中,两端均留有一半大小的空间。

如果剩余的自由空间为负或在线上只有一个d性项目,则此值等于

center

强调我的。那就是你的问题。

现在检查

space-between

space-between

d性物料均匀地分布在生产线上。

如果剩余的自由空间为负或在线上只有一个d性项目,则此值等于

flex-start

因此,要在包装上将d性项目左对齐,请使用

space-between

然后,如有必要,您可以向容器中添加一些左右填充以进行模拟

space-around



欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/zaji/5559555.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-12-14
下一篇 2022-12-14

发表评论

登录后才能评论

评论列表(0条)

保存