可以使用以下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块从上往下依次展示,并使其居中显示。

从上往下依次展示div块div块居中

原文地址: https://www.cveoy.top/t/topic/hWXp 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录