现代方法-CSS3 Flexboxes
现在我们有了CSS3 flexboxes，您不再需要使用技巧和变通方法来实现此目的。幸运的是，浏览器支持已经走了很长一段路，我们大多数人都可以开始使用flexbox。
只需将父元素设置
display为
flex，然后将该
justify-content属性更改为
space-between或
space-around，以便在子级flexbox项之间/周围添加空间。然后添加其他供应商前缀以获得更多浏览器支持。
使用justify-content: space-between
- 此处为示例） ：
ul { list-style: none; padding: 0; margin: 0;}.menu { display: flex; justify-content: space-between;}<ul > <li>about</li> <li>Contact</li> <li>Contact Longer link</li> <li>Contact</li></ul>使用justify-content: space-around
-
ul { list-style: none; padding: 0; margin: 0;}.menu { display: flex; justify-content: space-around;}<ul > <li>about</li> <li>Contact</li> <li>Contact Longer link</li> <li>Contact</li></ul>
