居中问题

Question

我似乎无法让它发挥作用。

http://www.keironlowe.host56.com

我需要的是横幅上的低不透明度图像，无论分辨率如何都要居中，我尝试了一个包装，但因为包装的宽度为800，所以切割图像，我试过边距：0汽车;我甚至尝试过使用标签，但它仍然没有以更高的分辨率为中心。

Answer 1

你不应该在@ Logan的例子中使用这些标签。无论如何，该标签已被弃用。在样式表中设置宽度（不是自动）并将margin-left和margin-right设置为'auto'应该可以很好地处理居中。

Answer 2

尝试将CS​​S的中心和图片放入HTML中。 css看起来像这样：

 #banner {
background-color:#000000;
height:350px;
width:auto;
margin:0 auto;
}

你的HTML看起来像这样：

<div id="banner">
<center>
<img src=".....">
</center>
</div>

这就是我要做的。

Answer 3

首先，删除<center>周围的<div id="banner"></div>标记。你不需要它，它已被弃用。

然后，换出以下块的当前CSS：

#banner {
background-color:#000000;
background-image:url(../IMG/Banner_BG.png);
background-repeat:no-repeat;
height:350px;
width:auto;
margin:0 auto;
}

为此：

#banner {
background:url("../IMG/Banner_BG.png") center #000000 no-repeat;
height:350px;
margin:0 auto;
}

交换了速记的许多背景属性。由于您将图片显示为背景，因此添加到background-position的{​​{1}}属性中。现在，这将使您的图像成为中心。