返回顶部

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

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

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

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

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

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

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

posted @ 2020-08-21 14:12  fen斗  阅读(619)  评论(0编辑  收藏  举报