flex布局（弹性布局）
阮一峰的博客
display：-webkit-flex
http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
以下6个属性设置在容器上。
- flex-direction
- flex-wrap
- flex-flow
- justify-content
- align-items
- align-content
设置在父级display：flex
justify-content: center;
align-items: center;
//align-self：center 对自身的属性 不是放在父级了
flex常用在移动端
移动端：
<meta name="viewport" content="width=device-width, initial-scale=1.0">