将div放在一个区域中

Question

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

问题的问题：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

要让margin:auto工作，您需要为div提供一组width，例如：

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

Answer 3

首先设置宽度。否则它将占据整个空间并且设置边距将不起作用

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

Answer 4

你的div的宽度不受限制，所以你所做的事情是不可见的。

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

Answer 5

这非常有效：

section
{
    text-align: center;
}

但是，这将使一切都集中在一起。否则你可以这样做：

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

Answer 6

试试吧

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

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