css - 如何使用 style.css 在 Wordpress 中将菜单居中

Question

我在style.css中有这段代码

ul#secondary-menu {
    padding-left: 18px;
    width:960px;
}

如何将其对齐以在页面中居中？

我正在谈论的页面位于: http://unacunatura.highacid.com/

Answer 1

在 CSS 中将其添加到您的 id 中

    ul#secondary-menu { 
    padding-left: 18px; 
    margin: auto;
    width: 300px;
   }

当然，宽度将定义菜单的宽度，但边距自动会将其与父菜单居中对齐。

鉴于它是一个子菜单，您不需要将其宽度设置为 960px，只需将宽度设置为内容的宽度即可。

编号:http://www.w3schools.com/css/css_margin.asp