栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

包裹时,弹性项目应左对齐,而不是居中对齐

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

包裹时,弹性项目应左对齐,而不是居中对齐

代替

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


当然,您将面临的下一个问题是 两个 项目包装在一起,并且每个项目在相对的两端对齐。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/575410.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号