从上往下依次展示div块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/hWXp 著作权归作者所有。请勿转载和采集!