html - 在 CSS 中浮动在中心？

Question

如何在 CSS 中将多个框居中？假设我有一个 div“导航”。现在，导航边距是auto，也就是说，它在center，我将如何display:inline在导航中添加 lists( ) 来扩展两侧的导航。我没有设置宽度属性，所以宽度会动态扩展。它就像float :center。

Answer 1

设置margin:auto和width:940px你就完成了。您可以根据需要更改宽度。但是给出一些宽度是强制性的。

检查这个小提琴，告诉我它是否对你有帮助。 http://jsfiddle.net/JNMZ3/4/

您可以更改 li 元素的填充以获得更多空间。然后调整导航 div 的宽度以使其居中。

Answer 2

这是一个工作的。

使用边距：0 自动；大多数时候会让你的元素居中。（快速说明：你的元素必须有一个声明的宽度才能工作。）

边距：0 自动；rule 是 0 上下边距和自动左右边距的简写。自动左右边距协同工作，将元素推入其容器的中心。

边距：0 自动；设置并非在每种居中情况下都可以完美运行，但在很多情况下都可以使用。
参考：你不能用 CSS

HTML浮动中心

<div class="leftsidebar">a</div>
<div class="rightsidebar">b</div>
<div class="content">c</div>

CSS

.leftsidebar 
{ 
height: 608px; 
width: 100px; 
background:red; 
float:left; 
} 

.rightsidebar { 
background:blue; 
height: 608px; 
width: 100px; 
float:right; 
} 

.content { 
width: auto; 
margin:0 auto;
background:yellow; 
height:608px; 
}

Answer 3

试试这个你的CSS替换

http://jsfiddle.net/JNMZ3/3/

.navigation li{
    margin: 3px 6px 3px 6px;
    display: inline;
    border: 2px solid black;
    padding: 2px;
    zoom:1;
    width:auto;
}