就是针对浮动布局的所有痛点而生, 元素浮动的后遗症全部解决
所以在Flex容器中, 不能,也没必要更使用float属性,没了浮动当然也不再需要clear
Flex有自己的元素垂直对齐解决方案, 所以vertical-align...main end: 结束位置
main size: 单个项目占据的主轴空间
交叉轴(cross axis):
也叫垂直轴,坚轴,y轴
cross start: 起始位置
cross end: 结束位置...,如何换行
3 flex-flow flex-direction,flex-wrap的简写,默认:row nowrap
4 justify-content 项目在主轴上对齐方式
5 align-items...底对齐 / 下对齐
3 center 与交叉轴中间线对齐, 即: 居中对齐
4 baseline 与项目中第一行文本的基线对齐, 即文本的下边线
5 stretch 默认值 自动伸展到容器的高度(项目未设置高度或将高度设置为...3 flex-shrink 定义了项目的缩小比例,默认为1,即如何空间不足,则自动缩小项目来填充
4 flex-basis 定义了项目占据的主轴空间,默认值为auto, 即项目原始大小
5 flex