首页 文章

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

提问于
浏览 次
19

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

我曾经让它的宽度有些填充，但我发现这是我屏幕分辨率的正确填充 .

简而言之，它是：设置div宽度 - 对齐div中心 - 将其文本（内容）对齐 .

html css

4 回答

  • 7

    在内部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>
    回复于
  • 12

    尝试：

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

    使用自动边距 .

    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

    回复于
  • 29

    所有这些答案都应该足够了 . 但是，如果您没有定义的宽度，则自动边距将不起作用 .

    我找到了一个漂亮的小技巧来集中一些更顽固的元素（特别是图像） .

    .div {
   position: absolute;
   left: 0;
   right: 0;
   margin-left: 0;
   margin-right: 0;
}
    回复于

相关问题