flexbox预习

Posted 2021-01-11 yitaqiotouto

创建一个flexbox：

.flex-container{
　　display:flex;

}

1. flex-direction:  column;//将flex排成一列
2. flex-direction: column-reverse;//与上同 按相反的序列排列
3. justify-content:

 

　　　　4　.flex 项在交叉轴上的对齐

　　　　

1. .flex-container {
2. display: flex;
3. justify-content: center;
4. align-items: center;
5. }