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

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

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

学习链接：https://blog.csdn.net/iefreer/article/details/50775887 ...

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

flex 子元素有时不能充满整个 flex 容器， 所以我们经常需要告诉 CSS 以什么方式排列 flex 子元素，以及调整它们的间距。 幸运的是，我们可以通过 justify-content 属性的不同值来实现。 在介绍属性的可选值之前，我们要先理解一些重要术语。 这张图片的元素横着排列，很好 ...

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

.list { display: flex; flex-flow: row wrap; justify-content: space-between ...