弹性盒之主轴与交叉轴的区分

原文:https://blog.csdn.net/niannianxi/article/details/105009785
学习了弹性盒,而其中要区分好主轴和交叉轴,否则搞不清楚其排列的顺序:

①当里面的盒子为水平排列时:(没有折行发生时)

没有折行现象时不存在交叉轴:
在这里插入图片描述
有折行现象时:
在这里插入图片描述
①当里面的盒子为竖直排列时:(没有折行发生时)

没有折行现象时不存在交叉轴:

在这里插入图片描述
有折行现象时:
在这里插入图片描述

      这就是主轴和交叉轴的区别了,以后布局的时候需要用到,希望自己能够加以区别。fighting!!!

原文地址:https://www.cnblogs.com/isme-zjh/p/13540756.html