如何在flexbox中保留垂直间距？

在 flexbox 中保留垂直间距的方法是使用 margin 属性来设置子元素的上下外边距。通常情况下，flexbox 会将子元素紧密地排列在一起，没有垂直间距。但是，我们可以通过设置 margin 属性来创建垂直间距。

具体操作步骤如下：

1. 将父元素的 display 属性设置为 flex，以启用 flexbox 布局。
2. 在子元素的样式中，添加上下外边距（margin-top 和 margin-bottom）来创建垂直间距。

以下是一个示例代码：

<style>
    .flex-container {
        display: flex;
    }
    
    .flex-item {
        margin-top: 10px;
        margin-bottom: 10px;
    }
</style>

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

在这个示例中，父元素使用 display: flex 将其子元素排列为 flex 项目。子元素使用 margin-top 和 margin-bottom 设置上下外边距，从而创建了垂直间距。

这种方法适用于各种场景，包括垂直排列的导航菜单、卡片布局、列表等等。

在腾讯云的产品中，可以使用云服务器（CVM）来托管网站或应用程序，灵活部署和管理您的项目。您可以通过以下链接了解更多关于腾讯云云服务器的信息： https://cloud.tencent.com/product/cvm

注意：本回答只针对技术问题，不包含与云计算相关的商业推广内容。