显示块,自动边距,指定宽度,不居中

时间:2013-02-06 16:58:23

标签: css

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

.DOCdiv标记内的body,但它不是居中的。这是为什么?

3 个答案:

答案 0 :(得分:2)

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

请参见此处http://jsfiddle.net/tJd5M/

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

答案 1 :(得分:1)

那应该有用

请参阅http://jsfiddle.net/yWkyE/

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

页面上是否还有其他可能影响此DIV的CSS?您的HTML是什么样的,您能提供样本吗?

答案 2 :(得分:0)

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

添加边框将显示页面中心的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>

更好地减少宽度并尝试....它会显示准确度