css - 我如何使这个 CSS 菜单居中？

Question

老实说，我这里有一个 CSS 菜单，效果很好。我唯一想改变的是选项卡的位置。它们都从页面左侧开始，而我宁愿让它们居中。 margin: auto; 在这种情况下对我没有帮助。有人可以帮我调查一下吗？

http://codepen.io/anon/pen/RWrRVO

Answer 1

您当前的列表项 float 到左侧，这使得它从菜单的左侧开始。将它们重置为无并使用 display: inline-block 将它们对齐成一行。

#cssmenu li {
  float: none; /* Modify */
  display: inline-block; /* Add */
  padding: 0px;
}

Updated Codepen