这就是我的意思:
这是我的代码:
* {
margin: 0;
padding: 0;
}
.wrapper-block {
display: flex;
flex-wrap: wrap;
align-items: center;
border: 3px solid black;
height: 500px;
}
.block {
width: 200px;
height: 200px;
background: yellowgreen;
margin: 5px;
}
<div class="wrapper-block">
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
<div class="block"></div>
</div>
例如,我怎样才能减少这个缩进?
正如评论中已经提到的,您需要从
flex-контейнера
. 或者使用属性显式指定行沿横轴的对齐方式align-content
: