盒子模型里面垂直平均分布
废话不多说先上图
页面
<div class='ssss'>
<div class='aaaa'></div>
<div class='aaaa'></div>
<div class='aaaa'></div>
</div>
css
.ssss{
display: flex;
flex-direction: column;
justify-content: space-between;
}
在父元素上加上这些样式就可以了:
display: flex;
flex-direction: column;
justify-content: space-between;