主轴对齐的方向是通过flex-direction决定?
主轴对齐方式 justify-content
在视频中是水平方向的,若设置 flex-direction: wrap|wrap-reverse
后,主轴对齐是垂直方向,交叉轴对齐 align-items
是水平方向的?
37
收起
正在回答
1回答
同学你好,理解的有些误差,具体可以参考如下解析:
1、主轴上元素对齐的方向是通过justify-content属性设置的,与flex-direction属性无关。
2、flex-direction属性不可以设置wrap或wrap-reverse。
flex-direction属性就是规定项目的对齐方式,该属性可以设置的值应该是:row|row-reverse|column|column-reserse
3、wrap或wrap-reverse是flex-wrap 属性可以设置的值,规定flex容器是单行或者多行,同时横轴的方向决定了新行堆叠的方向。
4、align-items 和 align-content 属性都是用来设置交叉轴上项目的对齐方式。它俩的区别就是必须有多行的项目,align-content属性才可以生效。
5、视频中老师设置flex-wrap:wrap;属性值,并没有改变主轴的方式,此时的主轴还是默认的水平方式,交叉轴是垂直方法。align-content属性设置的交叉轴的对齐方式,如果要设置主轴的对齐方式,使用justify-content属性就可以了。
祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星