在1个div块中有许多个div块要求这些div块从上往下展示的css代码
您可以使用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块都具有相同的宽度、高度和底部外边距,以实现垂直布局
原文地址: https://www.cveoy.top/t/topic/hSS7 著作权归作者所有。请勿转载和采集!