我有一個帶flex-wrap的div，所以列數(shù)是動態(tài)決定的。然后，我想把它放在一個容器中，這個容器有一些填充和不同的背景顏色。我假設(shè)這是可能的，但不能讓它工作...

.container {
  background-color: blue;
  display: inline-block;
  padding: 5px;
}

.columns {
  height: 100px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  background-color: green;
}

<div class="container">
  <div class="columns">
    <span>One</span>
    <span>Two</span>
    <span>Three</span>
    <span>Four</span>
    <span>Five</span>
    <span>Six</span>
    <span>Seven</span>
  </div>
</div>

那么，你的意思是你想讓每個跨度到列？ 我不明白這個問題。但是，我想你的意思是你希望每個跨度在每個列中，比如一到七列。

在這種情況下: 彎曲方向:行；//不是列

你也可以使用justify content:如你所愿。//不是強制的

另外，你的意思是你想把它放在一個容器里，比如每列的背景色或邊距。在這種情況下，您可以向span添加類。

我仍然不確定我是否理解了你的問題，但是我想你的意思是你想要一個、兩個、三個-七個單獨的列。