如何使div居中

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;的工具时，您可能会发现您必须根据浏览器的不同，将元素的显示设置为block或float，甚至是一个位置。尽管这些通常是不必要的。

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

Answer 3

把这个放在你的横幅代码周围：

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