http://www.imooc.com/code/2054
flex css 布局
justifyContent可以決定其子元素沿著主軸的排列方式**
alignItems可以決定其子元素沿著次軸(與主軸垂直的軸,比如若主軸方向為row,則次軸方向為column)的排列方式****
flexDirection可以決定布局的主軸。子元素是應(yīng)該沿著水平軸(row)方向排列,還是沿著豎直軸(column)方向排列呢?默認(rèn)值是豎直軸(column)方向。**
http://img.mukewang.com/539fbb3a0001304305570259.jpg

Paste_Image.png

Paste_Image.png
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool

QQ20161109-0@2x.png