Css 将UL水平居中放置在DIV中

我在

div

中有一个

ul

。我想把它放在中间。这是

HTML

<div id="menu-top">
   <div id="menu-container">
      <div id="menu-mask">
         <ul id="menu">
            <li><a href="#">Home</a></li>
            <li><a href="#">Home</a></li>
            <li><a href="#">Home</a></li>
            <li><a href="#">Home</a></li>
            <li><a href="#">Home</a></li>
         </ul>
      </div>
   </div>
</div>

---

您可能可以使用

text align:center

来完成您的任务。

给您。。。将#菜单更改为：

#menu {
    position: absolute;
    display: block;
    margin-left:25%;
    margin-right:25%;
    margin-top:auto;
    margin-bottom:auto;
    top: 0px;
    height: 26px;
    padding: 0px;
    width: 100%;
}

左边距和右边距设置将使菜单位于页面中央。我在您的JSFIDLE中对其进行了快速测试，以确保其正常工作

哦，这是更新后的JSFIDLE，显示了更改。。。

试着把它放在菜单上，看看这是否奏效？因为它看起来像是您使用的

如果没有，请在menu li{}中尝试，如果没有，您可以在menu li{}中尝试

#menu {
    position: absolute;
    display: block;
    margin-left:25%;
    margin-right:25%;
    margin-top:auto;
    margin-bottom:auto;
    top: 0px;
    height: 26px;
    padding: 0px;
    width: 100%;
}