css - 显示块，边距自动，指定宽度，不居中

Question

.DOC {
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:1265px;
}

.DOC是标签div内部的一个body，但它不是居中的。为什么是这样？

Answer 1

您的宽度可能是问题所在。尝试将其设置为较小的用于开发目的，例如 100px。

见这里，http://jsfiddle.net/tJd5M/

.DOC {
  display:block;
  margin: 0 auto;
  width:100px;
  background:orange;
}

Answer 2

那应该工作

见http://jsfiddle.net/yWkyE/

.DOC
{
  width:100px;
  height:100px;
  margin:0 auto;
  background-color:#000000;
}

页面上是否还有其他 CSS 可能会影响此 DIV？你的HTML是什么样的，你能提供一个样本吗？

Answer 3

你的风格对我来说很好......

添加边框将显示页面中心的 div 或不...

.DOC {
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:1265px;
    border:1px solid red;
}

如果您想将 Div 的内容对齐到中心，请尝试以下样式

.DOC {
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:1265px;
    border:1px solid red;
    text-align: center;
}

HTML

<div  class="DOC">Sample Text</div>

最好减少宽度并尝试....它将显示准确性