如何在没有 Flexbox 的情况下左对齐居中内联块网格中的最后一行？

使用显示内联块在元素居中网格中左对齐最后一行

目标是创建居中的块网格，同时确保最后一行左对齐。无需借助 Flexbox 或添加额外的填充 div，这里有一个仅 CSS 的解决方案：

使用 Display Inline-Block 的自适应网格

<pre class="brush:php;toolbar:false">margin:0;
padding:0;

}

容器{

font-size:0;
margin:0 auto;
width:1000px;

}
.block {

font-size:20px;
width: 150px;
height: 150px;
margin:25px;
background: gold;
display:inline-block;

}

@media 屏幕和（最大宽度：430px）{

#container{
    width:200px;
}

}

@media 屏幕和（最小宽度：431px）和（最大宽度：630px）{
#container{

    width:400px;
}

}
@media 屏幕和（最小宽度： 631px) 和 (最大宽度: 830px) {
#container{

    width:600px;
}

}
@media 屏幕和 (最小宽度: 831px) 和 (最大宽度: 1030px) {
#container{

    width:800px;
}

}

<div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false"><div>

登录后复制