Css 将一个div放在一个部分的中心

我正在尝试将

集中在

中。将左边距和右边距设置为

auto

不起作用（我通常的方法）。我忘了什么

---

jsiddle of the problem:

设置宽度，否则div为显示块，宽度为100%：fiddle:

CSS:

---

首先设置宽度。否则，它将占用全部空间，设置边距将不起作用

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

---

div的宽度不受限制，因此您正在执行的操作不可见

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

这非常有效：

section
{
    text-align: center;
}

不过，这将使一切都以中心为中心。否则，您可以这样做：

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

---

对于

margin:auto

要工作，您需要为

div

设置

width

例如：

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

试试看

---

-

文本对齐：居中

？显示内联块，然后需要文本对齐：居中。因为它是作为内联处理的。

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

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

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