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弹性布局的学习记录与详解 flex弹性布局基础： 给一个容器设置display：flex或者inlin...
* 弹性布局 * 创建弹性布局容器:flex containerdisplay:flex 1.弹性元素 flex ...
Flex弹性布局： 推荐阮一峰老师的两篇博客：http://www.ruanyifeng.com/blog/201...
圣杯布局 双飞翼布局 使用flex弹性布局实现
简介 flex布局(Flexible布局，弹性布局)是在开发中经常使用的布局方式开启了flex布局的元素叫flex...
1、微信和网站的Flex 布局教程 Flex 布局兼容性 弹性容器的属性要使用弹性布局，通过 display: f...
1.flex弹性布局学习总结 2.弹性盒模型布局使用 布局案例： ...
flex布局 flex用来控制弹性布局的弹性。它有三种状态：正数、零与负数。 父容器使用flex:1来撑满整个屏幕...
Flex 布局 简介 flex 布局 （Flexible 布局，弹性盒子）是在小程序开发经常使用的布局方式 官方文...
flex 又名弹性布局，伸缩布局使用方法：在父容器内使用display:flex；自动对齐方法：justify-c...
本文标题：关于Flex弹性布局使用心得
本文链接：https://www.haomeiwen.com/subject/bqhrottx.html
网友评论