有人可以帮我处理这段代码吗?
HTML:
<div id="container">
<div class="block"> </div>
<div class="block"> </div>
<div class="block"> </div>
<div class="block"> </div>
</div>
CSS:
#container {
margin:auto;
text-align:center;
padding:10%;
}
.block {
width:240px;
height:300px;
background: red;
display:inline-block;
}
我想要它使整个容器在中间对齐,但是当底部有一个额外的块时,它应该向左移动。那可能吗?