html - CSS 居中图 block (宽度可调)

Question

我想创建一个页面，其中包含任意数量的固定大小的图 block ，其中每行中的图 block 数量将根据窗口的宽度进行调整。我已经创建了这个功能 here .

但是，我希望这些图 block 在灰色框内居中。我尝试创建中介 #tile-box，我想我可以居中并设置可变宽度以匹配其中的图 block ，但我根本无法让它工作。

关于如何让图 block 在灰色 div 中居中有什么建议吗？

Answer 1

好吧，我只在你的代码中这样做

#tile-box {
    border: 1px solid blue;
    display: table;
    text-align:center; //i only added this line to your css
}

你可以这样做来让你的文本居中，有很多方法可以在你的 html 中展示你的 body ，我希望我能帮助你......