弹性布局flex，justify-content失效

justify-content 仅当您的弹性项目弯曲以吸收可用空间后还有剩余空间时才有效。
在大多数/许多情况下，不会有任何可用空间，实际上 justify-content 不会做任何事情。
它会产生影响的一些示例 参考：

1. 如果弹性项目都是不灵活的（ flex: none 或 flex: 0 0 auto ），并且比容器小。
2. 如果弹性项目是灵活的，但由于每个弹性项目上都有一个 max-width ，因此无法增长以吸收所有可用空间。
3. ：使用伪类（:before 、:after 等）清除了浮动

在这两种情况下， justify-content 将负责分配多余的空间。