居中在一个部分的div

Question

我想中心<div>在<section>。将margin-left和margin-right设置为auto不起作用（我通常的方法）。我忘了什么？

的jsfiddle问题：http://jsfiddle.net/veWKh/

Answer 1

设置宽度，否则在div是显示块，并且具有100％的宽度：小提琴：http://jsfiddle.net/veWKh/1/

CSS：

section { 
    background-color: rgba(0,0,0,0.2); 
} 

div { 
    margin-left: auto; 
    margin-right: auto; 
    width: 100px; 
} 

Answer 2

设置宽度优先。其他智慧将占据整个空间并且设置边距将不起作用

div { 
    width:30em; 
    margin-left: auto; 
    margin-right: auto; 
} 

Answer 3

您的div的宽度不受限制，因此您所做的操作不可见。

div { 
    display:block; 
    width:50%; 
    background-color: #ffffff; 
    margin: 0 auto; 
} 

Answer 4

这完美的作品：

section 
{ 
    text-align: center; 
} 

这会让一切的中心，虽然。否则，你可以只是这样做：

div 
{ 
    display:block; 
    text-align:center; 
    margin: auto; 
} 

Answer 5

对于margin:auto你需要给div一套width如工作：

div { 
    width:100px; 
    margin: 0 auto; 
} 

Answer 6

试试吧

section { 
    background-color: rgba(0,0,0,0.2); 
} 

div { 
    margin-left: auto; 
    margin-right: auto; 
    text-align: center; 
}