flex 布局设置列间隔

在 flex 布局中设置列间隔可以通过使用 margin 属性来实现。具体的做法是给每个子元素设置一个左右的 margin 值，来控制它们之间的间距。下面是一个示例代码：

<style>
  .container {
    display: flex;
    justify-content: space-between;
  }
  
  .item {
    margin-left: 10px;
    margin-right: 10px;
  }
</style>

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

在上面的示例代码中，我们给每个子元素添加了 `item` 类，并设置了左右的 margin 值为 `10px`，从而实现了列间隔为 `20px` 的效果。