Flex平分布局技巧

在HTML中，通过设置flex容器的justify-content为space-between可实现子元素均匀分布。

1、 新建一个HTML页面，编写代码创建一个父级div，并在其内部嵌套四个子div元素，结构如示意图所示。

2、 将父级div的CSS样式设为display: flex，子div设置flex: 1，即可实现子元素均匀填充父容器的布局效果。

3、 保存HTML代码后用浏览器打开，可见四个子div已均匀分布，效果所示。