我无法在我的 wp 主题的菜单上将文本居中答案

【问题标题】：I can't center text on menu on my wp theme我无法在我的 wp 主题的菜单上将文本居中
【发布时间】：2015-04-16 00:32:21
【问题描述】：

我找不到居中的方法。

http://milassoforlerodasi.org.tr/

我的 css 代码是这样的：

/* First Level - Menu Secondary */
.menu-secondary li a {
    color: #FFFFFF;
    padding: 14px 3px 13px 15px;
    text-decoration: none;
    font-family: 'Gentium+Basic', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: bold;
}

.menu-secondary li a:hover, .menu-secondary li a:active, .menu-secondary li a:focus, 
.menu-secondary li:hover > a, .menu-secondary li.current-cat > a, .menu-secondary li.current_page_item > a, .menu-secondary li.current-menu-item > a {
    color: #000000;
    background:#FFFFFF;
    outline: 0;
}

/* Child Levels - Menu Secondary */

.menu-secondary li li a {
    color: #FFFFFF;
    background: #000000;
    padding: 10px 15px;
    text-transform: none;
    margin: 0;
    font-weight: normal;
}

.menu-secondary li li a:hover, .menu-secondary li li a:active, .menu-secondary li li a:focus, 
.menu-secondary li li:hover > a, .menu-secondary li li.current-cat > a, .menu-secondary li li.current_page_item > a, .menu-secondary li li.current-menu-item > a {
    color: #FFFFFF;
    background: #22AEEF;
    outline: 0;
}

/* Arrows - Menu Secondary */

.menu-secondary a.sf-with-ul {
    padding-right: 26px;
    min-width: 1px;
}
.menu-secondary  .sf-sub-indicator {
    position: absolute;
    display: block;
    overflow: hidden;
    right: 0;
    top:  0;
    padding: 13px 13px 0 0;
}

.menu-secondary li li .sf-sub-indicator {

    padding: 9px 13px 0 0;
}

/* Shadows - Menu Secondary */

.wrap-menu-secondary .sf-shadow ul {
    background: url('images/menu-secondary-shadow.png') no-repeat bottom right;
}

我在.menu-secondary li a 中插入了许多不同的代码，但没有一个是真正居中的文本和链接。

【问题讨论】：

text-align: center 应该可以完成这项工作。
不，先生。
@FıratPaskal 我不明白，它似乎是中心
@FıratPaskal 你对黑色菜单有什么期待
将鼠标移到菜单上的第一个和最后一个文本上，您将看到菜单末尾的黑色间隙。所以这意味着他们没有真正居中。

标签： css menu center

【解决方案1】：

好的，我现在知道你的问题了。

在#menu-secondary-menu 元素中添加一个类clearfix。然后添加这个css：

#menu-secondary-menu {
  display: table;
  margin: 0 auto;
}

它应该可以完成这项工作。

【讨论】：

欢迎。要使内联元素居中，您应该使用text-align: center，而对于块级元素居中margin: 0 auto 就可以了。