我的前端笔记 之 flex 篇

174 阅读1分钟

弹性布局
.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;
       //对齐方式     开头| 结尾 | 中间 | 两端 | 
 }