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

html

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

css

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

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

space-around：全部居中

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