CSS中心浮动

很快，我可能在这里很傻，但无论如何：

我有一个以边距为中心定位的导航，这有一个链接列表，我遇到的问题是，因为我所有的

类都有css:

float:left

它们在左侧对齐

例如：

我想知道的是，是否有任何方法来集中这些

谢谢

CSS:

HTML:

将您的

元素放入
中，然后调整div的大小并将其居中放置在页面上。只要将div设置为显式宽度值（例如菜单项的宽度），然后将div的左右边距设置为自动，它就会自动居中。

您可以这样做

ul{
    display:block;
    width:100%;
    text-align:center;
}

ul>li{
    display:inline;
}

使用display:inline代替display:inline块可能不会影响外观，但允许在IE 7上正确显示

---

如果您的

li

css：

看看这个例子

添加

display:inline-block;

删除

float:left;

---

给出

nav ul

a

显示：内联块属性。这将使列表缩小到其内容的宽度，并在其包含的元素中水平居中

示例：
谢谢大家，我使用了您的答案组合来构建解决方案：

nav ul {
    padding:12px 15px;
    margin:0 auto;
    text-align:center;
    overflow:hidden;
}

nav ul li {
    font-size:14px; 
    display:inline-block;
    display:inline;
}

记住使用clear:left或clear:both来正确计算其宽度。或使用CSSdisplay手动设置：内联块可能会导致IE7@JoãoMosmann您看过使用的CSS了吗？IE7不是一个问题，否则这个菜单将永远不会按原样工作：）我的评论只是为了了解：）但仅仅因为他使用CSS3和HTML5标记并不意味着他不注意他可以使用的IE7:PHTML5shiv@Downvoter：理由很好！如果没有人指出问题所在，人们就无法理解。
float:left;

nav ul {
    padding:12px 15px;
    margin:0 auto;
    text-align:center;
    overflow:hidden;
}

nav ul li {
    font-size:14px; 
    display:inline-block;
    display:inline;
}