我的前端筆記 之 flex 篇

韓可樂發表於2018-12-26
前端筆記Flex

彈性佈局
.box {
    display:flex;
    flex-direction: row | row-reverse | column | colume-reverse; // 方向) 橫向 |反橫 | 縱向 |反縱
    flex-wrap: nowrap | wrap | wrap-reverse; // 不換行| 換行 | 顛倒
    flex-flow: <flex-direction> <flex-wrap>; //方向和換行簡寫
    justify-content: flex-start | flex-end | center | space-between | space-around;
       //對齊方式     開頭| 結尾 | 中間 | 兩端 | 
 }複製程式碼


相關文章