css中flex属性的用法总结

css中flex属性是弹性布局的意思

目前各个浏览器还没有形成统一的规范chrome中的使用方法是:  display：-webkit-flex

是对盒模型里面的元素采用弹性布局的方法

-webkit-flex: 1的意思代表次元素占满生效的所有空间

如果改元素后面还有多个元素，那个所有元素的-webkit-flex属性的值为总和，而每个-webkit-flex占 总和的几分之几，后面这个几就是该元素-webkit-flex的值。

有了该属性后，就能很轻松的实现一个元素的居中对齐

.parent{

　　display:-webkit-flex;

　　display:flex;

}

.child{

　　margin:auto;

}

<div class = 'parent'>

　　<div class='child'></child>

</div>