css - 以百分比形式等间距元素，带填充/边距

Question

谷歌搜索了一段时间并找到了一些解决方案，但没有一个适合我正在尝试做的事情。基本上我需要平均间隔 4 个 div，即 25% - 边距宽。棘手的部分是让最后一个在最后没有空格。尝试过:

.container {
  display: flex;
  justify-content: space-between;
}

.child {
  width: 22%;
}

但它在末尾留有一个空格。看起来很简单，但我尝试了多种不同的方法，但没有一个能正常工作。棘手的部分似乎是百分比宽度和让最后一个元素在右边没有空格。

Answer 1

@marc-j 是对的，Drupal 正在添加一个 clearfix，这导致最后出现额外的空间。这有效:

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.child {
  width: 22%;
}