您可以使用CSS的flexbox属性实现这个需求。以下是一个简单的示例代码:

HTML代码:

<div class="container">
  <div class="box">1</div>
  <div class="box">2</div>
  <div class="box">3</div>
  <div class="box">4</div>
  <div class="box">5</div>
</div>

CSS代码:

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

.box {
  width: 100px;
  height: 100px;
  background-color: lightblue;
  margin-bottom: 10px;
}

在上述代码中,我们将外层的容器div设置为display: flex;,并使用flex-direction: column;将其子元素从上到下排列。每个内部的div块都具有相同的宽度、高度和底部外边距,以实现垂直布局

在1个div块中有许多个div块要求这些div块从上往下展示的css代码

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

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