Css 在垂直菜单中水平居中链接图像

在努力学习html/css的过程中，我遇到了一个有多种解决方案的问题，但我不知道哪种解决方案最适合编写清晰正确的代码

我想在垂直菜单中水平居中链接（图像）。此菜单必须包含在具有固定高度和宽度的div中-#菜单。我将使用#菜单的高度按下另一个div

我在网上搜索了很多方法：UL直接使用id，没有任何div包含它，div包含UL，甚至css中只有div和UL，没有UL-li或UL-li-a的任何格式。 我的脑子现在乱七八糟。 在某种程度上，我决定这样做，但我很确定这不是最好的简单方法：

html代码：

<div id="content">
<div id="menu">
<ul>
<li><a href="#"><img src="http://i.imgur.com/Cgl5XKV.jpg"></a></li>
<li><a href="#"><img src="http://i.imgur.com/Gk93KeN.jpg"></a></li>
<li><a href="#"><img src="http://i.imgur.com/iIk5FoO.jpg"></a></li>
</ul>
</div>
</div>

你能告诉我最好的方法是什么吗？

---

谢谢。

您可以将li设置为其所有内容的中心。 这就是所有你需要的中心链接

ul li {
    text-align:center; 
}

虽然，UL在默认情况下会在浏览器中获得一些边距，但是将以下内容添加到UL中可以消除它所具有的奇怪边距

ul {
    margin:0px;
}

---

你的小提琴按描述的那样工作。你用的是什么浏览器？Firefox和Chrome。我知道它起作用了。我想知道这是不是一个更好的方法。我怀疑它是否是“干净代码”方面最好的。很抱歉，我粗心大意，略过了问题。我不得不说这不是最有效/干净的方法，但我暂时无法给你一个更好的例子。希望有其他人插话。

ul {
    margin:0px;
}