居中在一個部分的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; 
}