在网页布局中，我们经常需要使用等间隔盒子来呈现一些内容。然而，如果这些盒子不能支持换行，那么在内容溢出时，我们很难控制布局的样式。

幸运的是，现在CSS已经为我们提供了解决这个问题的技术，让我们来看看怎么做。

  .box {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  
  .item {
    flex: 1 0 200px;
  }

上面的代码使用了flexbox布局，通过设置flex-wrap属性为wrap来支持换行。另外一个重要的属性是gap，它用来设置每个盒子之间的间距，这样我们就不需要手动地控制每个盒子的样式了。

最后，我们还需要在每个盒子上设置flex-grow、flex-shrink和flex-basis三个属性来控制盒子的尺寸。在上述代码中，我们设置每个盒子的flex-basis为200px，并自动按比例调整盒子的尺寸。

现在，我们可以放心地使用等间隔盒子来布局我们的内容，而不用担心出现溢出的问题了。