1、问题：遇到了设置了justify-content: space-between;中间的div不居中的问题 2、原因： 因为felx布局是根据剩余的空间来设置的，看紫色的那段，当第一个div为空时，会出现左倾 3、解决：三个子项设置flex:1;就好了 ...

space-around对齐时， 三个div之间的距离是与父边框之间距离的【两倍】 space-evenly对齐时，三个div之间的距离是与父边框之间的距离 【相等】 spa ...

使用 justify-content ，justify-content 用于设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式。 CSS 语法 justify-content: flex-start|flex-end|center ...

当小程序的flex布局遇到button时 发现justify-content不起作用，无论怎么设置都是space-around的效果。 经过排查，发现原因是小程序button中的默认样式中的margin-left: auto;margin-right: auto;所引起的 覆盖掉就好 ...

前言： flex最常用的就是justify-content和align-items了，这里把这两个属性介绍下，大家更多关于flex布局可以查看阮一峰的日志，写的非常清楚！ 阮一峰flex布局的日志：http://www.ruanyifeng.com/blog/2015/07 ...

justify-content：space-around 左右边上有边距 justify-content：space-between 左右边上没有边距 ...

justify-content: space-evenly可以使每个元素之间和元素距离边距的距离都相等，但是兼容性比较差（iphone的SE上不支持，会失效，相当于没有设置），space-evenly将剩余空间平均分割，例如有5个元素，这样就有6个相同宽度的间隔空间，间隔空间的数量等于元素的数量加 ...

　　 前言 　　 在flex布局出现以前，我一般习惯使用浮动布局（float）来实现下列布局 　　 　　现在尽量少用浮动布局，虽然好用，但有时会带来一些意想不到的问题，甚至导致布局错位， 　 一开始浮动布局只是为了实现文字环绕而出现的，而后来却被广泛运用到布局当中。现在有了更好 ...