使用 Margin Auto 和 Center 将 Float Left Div 居中

我知道这个问题已经被问过很多次了。

将 div 居中对齐 https://stackoverflow.com/questions/1740587/float-a-div-to-center

不过，我遵循他们的建议：

<center>
  <div style="margin : auto; text-align: center">
    <a href="#" style="float: left; margin-right: 10px;">Menu Item 1</a>
    <a href="#" style="float: left; margin-right: 10px;">Menu Item 2</a>
    <a href="#" style="float: left; margin-right: 10px;">Menu Item 3</a>
  </div>
</center>

_{(source: google.com http://sites.google.com/site/yanchengcheok/Home/a.png)}

通过使用“居中”和“自动边距”、“文本对齐中心”...我仍然无法将菜单项居中。

使用内联块而不是左浮动。

<center>
  <div style="margin : auto; text-align: center">
    <a href="#" style="display: -moz-inline-box; display: inline-block; left; margin-right: 10px;">Menu Item 1</a>
    <a href="#" style="display: -moz-inline-box; display: inline-block; margin-right: 10px;">Menu Item 2</a>
    <a href="#" style="display: -moz-inline-box; display: inline-block; margin-right: 10px;">Menu Item 3</a>
  </div>
</center>