2

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

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

4

6 回答 6

7

设置宽度，否则 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;
}
于 2013-05-13T18:03:47.823 回答
2

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

div {
    width:100px;
    margin: 0 auto;
}
于 2013-05-13T18:12:34.740 回答
0

Try it

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

div {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
于 2013-05-13T18:22:23.587 回答
0

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

div {
    width:30em; 
    margin-left: auto;
    margin-right: auto;
}
于 2013-05-13T18:05:57.177 回答
0

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

div {
    display:block;
    width:50%;
    background-color: #ffffff;
    margin: 0 auto;
}
于 2013-05-13T18:06:14.723 回答
0

这完美地工作：

section
{
    text-align: center;
}

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

div 
{
    display:block;
    text-align:center;
    margin: auto;
}
于 2013-05-13T18:06:42.600 回答