1.当flex-direction为row时,主轴是横向的,交叉轴是纵向的,(交叉轴永远垂直于主轴),当flex-direction为column时则相反
2.当flex-direction为row-reverse时,主轴方向的排版顺序将会反过来,交叉轴方向不变,即横向为从右到左,,纵向为从上到下
3.当flex-direction为column-reverse时:主轴为纵向,纵向从下到上 ,交叉轴为横向,方向不变,从左到右
4.justify-content的space-between是指两端对齐,项目之间的间隔都相等。
5.justify-content的space-around是指每个项目两侧的间隔相等。所以,项目之间的间隔比项目与边框的间隔大一倍。
6.align-content属性只对多条轴线有效,对单轴无效,所谓多条轴线就是指多个有flex属性的容器,比如父容器有flex属性,父容器的子容器也有flex属性
7.flex-grow属性默认值为0 ,也就是即如果存在剩余空间,flex容器默认也不放大
8.flex-shrink属性定义了项目的缩小比例,默认为1,即如果空间不足,该项目将缩小。
关于flex布局
最新推荐文章于 2022-07-01 11:54:38 发布