设置行间距了，flex布局，代码示例。html和css分开

当使用 Flex 布局时，你可以通过设置 `line-height` 属性来调整行间距。以下是一个示例，展示如何在 HTML 和 CSS 文件中分别设置行间距：

HTML 文件：

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

CSS 文件：

.container {
  display: flex;
  flex-direction: column;
}

.item {
  line-height: 1.5; /* 设置行间距为 1.5 倍字体大小 */
}

在上述示例中，我们创建了一个 `.container` 容器，其子项使用 Flex 布局，并且设置了纵向的排列方式（`flex-direction: column`）。然后，我们使用 `.item` 类选择器来设置每个子项的行间距为 1.5 倍字体大小（可以根据需要进行调整）。

请根据你的实际需求修改 HTML 和 CSS 代码。希望这能帮到你！如果你有更多问题，请随时提问。