利用 Flexbox 去除多余的外边距

与其使用 nth-first-, 和 last-child 去除列之间多余的间隙,不如使用 flexbox 的 space-between 属性:

  1. .list {
  2. display: flex;
  3. justify-content: space-between;
  4. }
  5. .list .person {
  6. flex-basis: 23%;
  7. }

列之间的间隙总是均匀相等。