没有在换行后留下间隙的最大宽度容器

要实现没有在换行后留下间隙的最大宽度容器，可以使用Flexbox布局。

Flexbox布局是一种弹性布局方式，可以自动调整元素的宽度和高度，以适应容器的大小。通过设置flex-wrap属性为nowrap，可以使元素在容器宽度不足时自动缩小，而不会换行。

以下是一个使用Flexbox布局的示例代码：

HTML:

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
  <div class="item">Item 4</div>
  <div class="item">Item 5</div>
  <div class="item">Item 6</div>
</div>

CSS:

.container {
  display: flex;
  flex-wrap: nowrap; /* 不换行 */
}

.item {
  flex: 0 0 auto; /* 不自动缩放 */
  background-color: gray;
  color: white;
  padding: 10px;
  margin: 5px;
}

在上述代码中，.container为容器元素，.item为容器内的子元素。通过设置.container的display属性为flex，以及flex-wrap属性为nowrap，可以实现容器宽度不足时子元素自动缩小，而不会换行。其中，.item的flex属性设置为0 0 auto，表示不自动缩放。

通过以上代码，可以实现没有在换行后留下间隙的最大宽度容器效果。