flexbox预习

标签：技术分享   class   对齐   reverse   一个   isp   image   justify   lin   

创建一个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. }

flexbox预习

标签：技术分享   class   对齐   reverse   一个   isp   image   justify   lin   

原文地址：https://www.cnblogs.com/yitaqiotouto/p/9750333.html