display：flex 上下 距离

设置display:flex的容器的flex-direction属性为column可以实现上下布局，即flex容器的子元素会垂直排列。具体代码如下：

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

这样设置之后，flex容器的子元素会按照从上到下的顺序排列，并且会自动适应容器的高度。这样可以实现上下之间的距离。