移动web-flex布局

目录

1. flex布局原理
1)flex
2)flex container
原理：通过给父盒子添加flex属性，来控制子盒子的位置和排列方式
2. flex布局父项常见属性
1)flex-direction 设置主轴的方向
2) justify-content 设置主轴上的子元素排列方式
 3)flex-wrap 设置子元素是否换行
4)align-content 设置侧轴上的子元素排列方式（多行）
5)align-item 设置侧轴上的子元素排列方式（单行）
6)flex-flow 
3. flex布局子项常见元素
1)flex属性 子项目分配剩余空间
2)align-self 控制子项目自己在侧轴上的排列方式
3)order 定义项目的排列顺序

1. flex布局原理

1)flex
flex：flexible box，弹性布局，用来为盒装模型提供最大的灵活性，任何一个容器都可以指定为flex布局。
父盒子设置为flex布局之后，子元素的float、clear、vertical- a

移动web-flex布局最先出现在Python成神之路。