您有很多事情在这里不完全正确。首先，您要混合旧属性和新属性（
display: -webkit-box来自2009年草案，但
-webkit-flex-flow来自标准草案）。
其次，2009年Flexbox实施均不支持
box-lines:multiple，这是启用包装所必需的。可悲的是，几乎所有移动设备仅支持2009年草案。当前支持现代规范的Firefox版本也不支持包装（flex-
flow和flex-wrap是受支持的属性，但不支持与包装有关的值）。
第三，您已经有了
justify-content: space-around，但2009年的对应版本设置为
box-pack:center。中心是所有草稿的中心。
.flex-container { display: -ms-flexbox; display: -webkit-flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: end; -webkit-align-content: flex-end; align-content: flex-end; -ms-flex-pack: distribute; -webkit-justify-content: space-around; justify-content: space-around; height: 100%;}@supports (flex-wrap: wrap) { .flex-container { display: flex; }}更新 ：包装现在可以从Firefox 28版本开始使用，但仅在使用现代属性（而不是诸如的旧前缀属性
display: -moz-box）时有效。
