均匀分布的子元素

在父元素中均匀分布子元素。

• 使用 display: flex 来使用弹性盒子布局。
• 使用 justify-content: space-between 来在水平方向上均匀分布子元素。第一个项目位于左边缘，而最后一个项目位于右边缘。
• 或者，使用 justify-content: space-around 来在子元素周围分配空间，而不是在它们之间。

<div class="evenly-distributed-children">
  <p>项目1</p>
  <p>项目2</p>
  <p>项目3</p>
</div>

.evenly-distributed-children {
  display: flex;
  justify-content: space-between;
}