Html 如何使用flexbox在两个div之间垂直间隔？

如何使用flexbox在两个div之间垂直间隔？在水平模式中使用它时，一切都可以工作，但在垂直模式中则不行

#容器{
高度：50vh；
宽度：15vw；
背景颜色：浅蓝色；
证明内容：之间的空间；
}
.item{}

顶部对齐

对齐底部

将

#container

的显示设置为

flex

，并设置

flex direction:column：


#容器{
显示器：flex；
弯曲方向：立柱；
高度：50vh；
宽度：15vw；
背景颜色：浅蓝色；
证明内容：之间的空间；
}

顶部对齐

对齐底部