定位布局positon
随着页面复杂度的不断提升, 更多的属性被添加到HTML, CSS中
其中, CSS中的position属性具有革命性
使页面中的元素可以摆脱表格单元格的束缚,可以定位到窗口中的任何位置...:
序号 属性 描述
1 flex-direction 主轴方向(即项目排列方向)
2 flex-wrap 当多个项目在一行排列不下时,如何换行
3 flex-flow flex-direction,flex-wrap...有相同的功能,不过不同点是它是用来让每一个单行的容器居中而不是让整个容器居中
align-content属性只适用于多行的flex容器,并且当交叉轴上有多余空间使flex容器内的flex线对齐
align-items...3 flex-shrink 定义了项目的缩小比例,默认为1,即如何空间不足,则自动缩小项目来填充
4 flex-basis 定义了项目占据的主轴空间,默认值为auto, 即项目原始大小
5 flex...CSS语法:
.item {
flex-grow: number; /* default: 0 */
}
空间分配方案小案例:
flex-grow: 1: 每个项目等分, 都占全部的空间的N分之一