关于Flex弹性布局使用心得

Flex弹性布局:

推荐阮一峰老师的两篇博客:http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool(语法篇)

http://www.ruanyifeng.com/blog/2015/07/flex-examples.html(实战篇)

我觉得有一点非常好的事情就是。只要你设置了display:flex,,,,,那么你下面默认的元素排列就是横向排列,在之前的布局中,横向排列布局可能都会用到浮动,浮动又要给他清除浮动,直接用flex布局可以简练代码。

另外这里有一个比较好的就是做垂直居中的时候,直接一句align-items:center;justify-content:center就可以了,相对于之前写的垂直居中要各种的定位以及计算高度,简直就是大爱。还有在一定的width的box里面,如果需要里面各个div均匀分布,直接justify-content:space-between;这样也减免了自己算距离。

自己对felx理解的还不是很深,希望以后自己多多进步

你可能感兴趣的:(关于Flex弹性布局使用心得)