33

我正在尝试在此页面上将新闻滑块（在 div 底部容器中）居中：

http://www.luukratief-design.nl/dump/parallax/index.html

我已经有了text-align: center;

它仍然不起作用。

有什么建议么？

4

10 回答 10

73

text-align: center;唯一将元素的内联内容居中，而不是元素本身。

如果是块元素（a divis），则需要设置margin: 0 auto;，否则如果是内联元素，则需要text-align: center;在其父元素上设置。

将margin: 0 auto;设置顶部和底部边距0以及左右边距auto（相同大小），以便它自动将自己置于中心。这仅在所讨论的块元素具有已知width（固定或相对）时才有效，否则它无法确定从哪里开始和结束。

于 2010-02-17T13:47:30.217 回答
6

text-align 不应用于使块元素居中。（IE6 除外，但这是一个错误）

您必须固定块的宽度，然后使用 margin: 0 auto;

#block
{
   width: 200px;
   border: 1px solid red;
   margin: 0 auto;
}

和

<div id="#block">Some text... Lorem ipsum</div>
于 2010-02-17T13:49:43.820 回答
4

单程 ：

<div align="center">you content</div>

更好的方法：

<div id="myDiv">you content</div>

myDIV 的 CSS：

#myDiv{
margin:0px auto;
}
于 2010-02-17T15:40:35.537 回答
2

如果设置了宽度，并且您放置了正确的 DOCTYPE，

试试这个：

 Margin-left: auto;
 Margin-right: auto;

希望这可以帮助

于 2012-09-18T21:00:00.387 回答
1

添加

margin:auto;
于 2010-02-17T13:46:57.927 回答
1

我总是用

<div align="center">Some contents......</div>
于 2010-02-17T18:00:04.463 回答
1

用于text-align: center容器、display: inline-block包装器 div 和display: inline内容 div 以水平居中跨浏览器宽度未定义的内容：

    <!doctype html>
    <html lang="en">
    <head>
      <style type="text/css">

    /* Use inline-block for the wrapper */
    .wrapper { display: inline-block; }

    .content { display:inline; }

    .container { text-align:center; }

    /*Media query for IE7 and under*/

    @media,
      {
      .wrapper { display:inline; }
      }
        </style>

        <title>Horizontal Centering Test</title>
    </head>

    <body>

      <div class="container">
        <div class="content">
            <div class="wrapper">
              test text
            </div>
        </div>
      </div>
    </body>
    </html>
于 2012-06-20T19:08:12.303 回答
0

尝试将此添加到样式中。

margin-left: auto;
于 2010-02-17T13:47:47.767 回答
0

试试这个：

#bottombox {
background:transparent url(../images/bg-bottombox.png) no-repeat scroll 0 0;
float:none;
height:137px;
margin:0 auto;
padding-top:14px;
width:296px;
}

那应该将 div 放在页脚的中心。

于 2010-02-17T15:37:08.597 回答
-3

创建一个单行三列的表格，将左右宽度设置为 100% 瞧，中间的会自动居中

于 2010-02-17T13:48:42.040 回答