为什么display:flex有align-self可以实现设置交叉轴单个项目的对齐方式,却没有主轴的justify-self

Question

我试了一下 google edge firefox 都不支持 justify-self属性啊,设置了没有效果,如果在父标签设置 justify-content就有效果,但是我想对单个项目设置效果;

Answer 1

你好，因为 flex 是一维铺开的，所以在主方向上不像交叉方向那样每个项分配有固定的宽度。flex 项在主方向上可以通过 grow 和 shrink 来调整个别的宽度。或者你也可以将 flex direction 垂直过来改为 column。最后还可以用二维的 grid 。