flexbox預習

建立一個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. }