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

<div class="evenly-distributed-children">
  <p>Item1</p>
  <p>Item2</p>
  <p>Item3</p>
</div>

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

space-between: 第一项居左，而最后一项居右

space-around： 全部居中