Question

我想知道如何将这个中心http://prntscr.com/hv2q7它悬挂下来，我希望它像这样http://prntscr.com/hv2ue居中，以便灰色部分进入边界。这是css代码和html： css：

#banner{
 height:       279px;
 width:        998px;
 margin-right:   0px;
 margin-left:    0px;
 background-image:
   url(/template/default/images/layout/background/newlayout/test.png);
}

html：

<div id="banner" ></div>

Answer 1

您希望将左右边距设置为auto，而不是0px。

试试这个，它是将您的上/下边距设置为0而左/右设置为auto的简写：

#banner {
  margin:0 auto;
}

Answer 2

使用css进行居中通常围绕margin:auto;的使用在这种情况下，你看左边和右边距是自动的，所以类似于margin:0 auto;当你专门为整页尝试时，你可能会发现你必须将元素的显示设置为阻止或浮动或甚至是一个位置，取决于浏览器。虽然通常没有必要。

此外，如果div实际上只包含背景图片，您可以将background-repeat设置为none，将background-position设置为center。这只会在div中心，所以如果div实际上显示为图像的宽度和高度，它不会改变任何东西，但如果div填充了它的包含块的宽度，那么你就会离开正确的居中。

Answer 3

将它放在你的横幅代码中：

<div align="center"> "your banner code" </div>

我怎样才能使div居中

3 个答案: