3

我想知道如何将这个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>
4

3 回答 3

2

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

试试这个，它是设置你的上/下边距0和你的左/右到的简写auto：

#banner {
  margin:0 auto;
}
于 2012-10-21T01:46:19.070 回答
2

margin:auto;
以cssmargin:0 auto;为中心通常围绕着或浮动甚至位置，具体取决于浏览器。虽然这些通常不是必需的。

另外，如果 div 真的只包含背景图片，你可以设置background-repeattonone和background-positionto center。那只会在 div 中居中，所以如果 div 实际上显示为图像的宽度和高度，它不会改变任何东西，但如果 div 填充它包含块的宽度，那么你会离开和右居中。

于 2012-10-21T01:46:21.320 回答
0

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

<div align="center"> "your banner code" </div>
于 2012-10-21T01:47:38.383 回答