将div置于div中心。未知错误

Question

我知道有很多关于如何将UL集中在div中的问题。我已经尝试了很多，但无法让它工作。我想我错过了什么。如果有人能看到它，我将不胜感激。

该网站为http://elvina-marin.se/ 而且我想以某种方式使主菜单居中。

干杯。

Answer 1

您的菜单未居中，因为li浮动到left。

您需要做的是将显示从block切换为inline-block并摆脱float。这将使它们表现为文本，并且它们将遵循容器提供的对齐（.gf-menu）。

.gf-menu {
    width:100%;
    text-align:center;
}
.gf-menu > li {
    float:none;
    display:inline-block;
    *display:inline; /* teaching ie7 and below to behave */
    zoom:1;
}

Answer 2

您已在html中为ul设置了两个类：<ul class="gf-menu l1 " >并在末尾留下了一个空格。如果在单词之间放置空格，则可以为标记设置更多类。

尝试使用其中一个类调用CSS中的ul并设置：margin-left: 50%;

例如：

.gf-menu
       {
      margin-left: 50%;
       }