CSS 实现 div 块垂直居中排列:从上往下依次展示
可以使用以下 CSS 样式将 div 块从上往下依次展示,并使其居中显示:
.container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh; /* 设置容器高度占满整个视口 */
}
.container div {
margin: 10px; /* 设置 div 之间的间距 */
}
然后,HTML 结构如下:
<div class='container'>
<div>Div 块 1</div>
<div>Div 块 2</div>
<div>Div 块 3</div>
<!-- 其他 div 块依次添加 -->
</div>
这样就可以将 div 块从上往下依次展示,并使其居中显示。
原文地址: https://www.cveoy.top/t/topic/pF2S 著作权归作者所有。请勿转载和采集!