可以参考 阮一峰大神的文章 http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 大家看起来如果感觉有点绕 可以简单的写个flex布局 实现一下 绝对会事半功倍的 本文也是适合了解过flex布局的人看，如何一点 ...

flex布局 可以用父和子来区分felx flex container容器 父 flex item项目 子 flex就是通过给父盒子添加flex属性，来控制子盒子的位置和排列方式 flex-direction设置主轴的方向 ​ row默认值从左到右 ​ row-reverse从右到左 ...

CSS3 在布局方面做了非常大的改进，对块级元素的布局排列变得十分灵活，适应性非常强，其强大的伸缩性，在响应式开发中可以发挥极大的作用。（兼容性不好） 必要元素： 指定一个盒子为伸缩盒子 display:flex; 　　设置属性来调整此盒子的子元素的布局方式 ...

目录 弹性布局学习-介绍(一) 弹性布局学习-详解 flex-direction【决定主轴的方向 ...

flex-wrap`设置子元素是否换行 ​ nowrap默认不换行，如果撞不开缩小子元素宽度。 ​ wrap换行 align-items设置侧轴上的子元素排列方式（单行） ​ flex-start 从上到下 ​ flex-end 从下到上 ​ center挤在 ...

flex布局 任何一个容器都可以指定为flex布局 当父盒子设为flex布局后，子元素的float、clear、vertical-align属性将失效 伸缩布局=弹性布局=伸缩盒布局=弹性盒布局=flex布局 采用flex的元素，称为Flex容器（flex container）简称”容器 ...

1、flex 布局的概念 Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局，行内元素也可以通过 inline-flex 使属性值用 Flex 布局。 inline-flex 和 inline-block 一样 ...

想实现一个类似知乎个人主页的资料显示布局 类是下面这样 其中显示图片在一个div,Name和class和button在一个div中，使用justify-content: space-between; 分两边显示 刚开始的时候设置图片所在的div为width：150px;, Name ...