CSS3 盒模型
阿新 • • 發佈：2017-05-12
水平 方向 nbsp selected horizon css eve content baseline 1，彈性核模型
新版父級display:flex;
// 水平 方向
flex-direction:row;
![技術分享]()
// 豎直 方向
flex-direction:colunm;
![技術分享]()
flex-direction: row-reverse;
![技術分享]()
flex-direction: column-reverse;
![技術分享]()
display: flex;
justify-content: flex-start/flex-end/center/space-between/space-around
justify-content: space-between;
![技術分享]()
justify-content: space-around;
![技術分享]()
垂直 ：display: flex; align-items: flex-start/flex-end/center/baseline;
子級彈性空間：flex-grow: num;
子級排列順序 order:num;
老版display:-webkit-box;
-webkit-box-orient:horizontal:
![技術分享]()
-webkit-box-orient:vertical:
![技術分享]()
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
![技術分享]()
display: -webkit-box;
-webkit-box-orient:vertical;
-webkit-box-direction:reverse;
![技術分享]()
display: -webkit-box;
-webkit-box-pack:start/end/justify/center;
-webkit-box-pack:justify;
![技術分享]()
垂直 ：display: -webkit-box; -webkit-box-align: start/end/center;
子級彈性空間：-webkit-box:num;
子級排列順序 -webkit-box-ordinal-group:num;
CSS3 盒模型