设置div宽度,对齐div中心和文本左对齐

Question

我有一个小问题,但我无法解决它.我有一个864像素宽的内容标题,一个重复的背景图像-Y和页脚图像.现在我<div>在背景图像上有这个,我希望它像855px宽度,文本左对齐,但对齐中心,所以它适合bg.

我曾经有过一些填充左边的宽度,但我发现这是我的屏幕分辨率的正确填充.

简而言之,它是:设置div宽度 - 对齐div中心 - 将其文本(内容)对齐.

Answer 1

在内部div上设置自动边距:

<div id="header" style="width:864px;">
    <div id="centered" style="margin: 0 auto; width:855px;"></div>
</div>

或者,文本对齐居中的父级,并强制文本在内部div上左对齐:

<div id="header" style="width:864px;text-align: center;">
    <div id="centered" style="text-align: left; width:855px;"></div>
</div>

Answer 2

尝试:

#your_div_id {
  width: 855px;
  margin:0 auto;
  text-align: center;
}

Answer 3

使用自动边距.

div {
   margin-left: auto;
   margin-right: auto;
   width: NNNpx;

   /* NOTE: Only works for non-floated block elements */
   display: block;
   float: none;
}

进一步阅读SimpleBits CSS Centering 101