无论窗口大小如何，都将包含图像的DIV居中

Question

我有一个包含三张图片的div，我想将它放在页面中央（很像Google搜索栏）。我尝试过几乎所有东西（位置，边距等），但即使我把它放在一台显示器上，当我把它移到另一台显示器时，它也不会集中在那台新显示器上。请帮忙！

这是HTML：

<div id="boxes">
    <a href="voting_registration.html" target="_blank"> <img src="images/VR.jpg" alt="Voting Registration Information" class="list" /></a>
    <a href="ballot.html" target="_blank"> <img src="images/PCB.jpg" alt="Platforms, Candidates and Ballots" class="list" /></a>
    <a href="voting_information.html" target="_blank"><img src="images/VI.jpg" alt="Voting Information" class="list"/> </a>
</div>

Answer 1

将它用于你的盒子的css代码：

margin: 0 auto;

0是margin-top，表示距离顶部0像素，您可以更改它。