.parent {

  border: 1px solid red;

  height: 200px;

  display: flex;

  /* 默认值，从起点线开始顺序排列 */

  justify-content: flex-start;

  /* 相对终点线顺序排列 */

  /* justify-content: flex-end; */

  /* 居中排列 */

  /* justify-content: center; */

  /* 均匀分布，第一项在起点线，最后一项在终点线 */

  /* justify-content: space-between; */

  /* 均匀分布，每一个项目两侧有相同的留白空间，相邻项目之间的距离是两个项目之间留白的和 */

  /* justify-content: space-around; */

  /* 项目均匀分布，所有项目之间及项目与边框之间距离相等 */

  /* justify-content: space-evenly; */

}

.child {

  border: 1px solid blue;

  width: 70px;

  height: 50px;

}