要解决包装的 flex 项之间不需要的空白问题，可以使用以下解决方法：

1. 使用 justify-content 属性来调整 flex 项之间的对齐方式。默认情况下，justify-content 的值为 flex-start，即将 flex 项左对齐。可以将其设置为 space-between，即在每个 flex 项之间平均分配空白空间，从而消除不需要的空白。

代码示例：

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

2. 如果只想在 flex 容器的两侧留有空白，可以将 justify-content 设置为 space-around，这样会在每个 flex 项之间平均分配空白空间，并在容器的两侧留有额外的空白。

代码示例：

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

3. 如果想要手动控制每个 flex 项之间的空白大小，可以使用 margin 属性。通过调整各个 flex 项的 margin 值来控制它们之间的空白。

代码示例：

.container {
  display: flex;
}

.item {
  margin-right: 10px; /* 调整每个 flex 项之间的空白大小 */
}

这些解决方法可以根据具体的需求选择使用，以达到去除不需要的空白的效果。