flex笔记
1.flex布局基础概念
q. 什么是flex
flex布局弹性布局,也叫做弹性盒子布局
理解: 一个盒子放气球
出现时间: 2012左右
q. 什么是容器container,什么是项目item
一个大div放三个小div, 大div是容器,小div是项目
q. 什么是主轴,什么是交叉轴?
主轴默认从左到右
交叉轴默认从上到下
q. 什么是主轴大小,什么是交叉轴大小
主轴大小就是一个项目在主轴上的大小
交叉轴同理
2.flex容器的属性
q. 属性有哪些?
flex-direction 主轴方向
flex-wrap 是否换行
flex-flow 上面两个组合
justify-content 决定主轴上对齐方向
align-items 决定交叉轴对齐方向
align-content 决定在主轴线上对齐方式
3.flex项目属性
q. 有哪些属性?
align-self 每个项目在交叉轴上对齐方式
order 每个项目的序号,控制位置
flex-grow 每个项目的增长系数
flex-shrink 每个项目缩小系数
flex-basis 每个项目给flex中大小
flex: 组合值
flex-grow, flex-shrink,flex-basis