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">