在CSS中居中一个div

Question

我正在尝试将newsslider(在div底部容器中)放在此页面上:

我已经有了 text-align: center;

它仍然无效.

有什么建议？

Answer 1

在text-align: center;仅中心元素的在线内容,而不是元素本身.

如果它是一个块元素(一个div是),你需要设置margin: 0 auto;,否则,如果它是一个内联元素,你需要设置text-align: center;它的父元素来代替.

在margin: 0 auto;将设置上下页边距,以0左,右边距为auto(大小相同的),因此它自动将自身置于中心.这仅适用于所讨论的块元素已知width(固定或相对),否则无法确定开始和结束的位置.

Answer 2

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

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

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

和

<div id="#block">Some text... Lorem ipsum</div>

Answer 3

单程：

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

更好的方法：

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

myDIV 的 CSS：

#myDiv{
margin:0px auto;
}