css - 在一个部分中居中一个 div

Question

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

score 7 · Accepted Answer

设置宽度，否则 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;
}

score 2 · Accepted Answer

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

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

score 0 · Accepted Answer

Try it

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

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

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

您的 div 的宽度不受限制，因此您正在做的事情是不可见的。

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

score 0 · Accepted Answer

这完美地工作：

section
{
    text-align: center;
}

不过，这将使一切都居中。否则你可以这样做：

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

6 回答 6