SOURCE

<div>
	<span>1</span>
	<span>2</span>
	<span>3</span>
	<span>3</span>
	<span>3</span>
</div>

div {
  width: 800px;
  height: 500px;
  background-color: pink;
  /* 给父亲添加 flex 属性 */
  display: flex;
  /* 默认的主轴是 x轴 元素是跟着主轴来排列的 */
  /* flex-direction: column; */
  flex-direction: row;
  /* */
  /* 设置主轴上的子元素排列方式 */
  justify-content: space-between;
}

div span {
  margin: 0 10px;
  width: 150px;
  height: 100px;
  color: #ffffff;
  background-color: purple;
}