当前位置：文江博客话题详情

对中问题

发布于 2024-08-12 13:08:57 字数 254 浏览 8 评论 0原文

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

http://www.keironlowe.host56.com

我需要的是具有低不透明度图像的横幅无论分辨率如何，都要使其居中，我尝试过包装器，但因为包装器的宽度为 800，所以它会剪切图像，我尝试过 margin:0 auto;我什至尝试过使用该标签，但它仍然没有以更高的分辨率居中。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

自在安然 2024-08-19 13:08:57

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

回复收藏 0 原文

忱杏 2024-08-19 13:08:57

尝试将居中和图片从 CSS 中取出并放入 HTML 中。 css 看起来像这样：

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

你的 HTML 看起来像这样：

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

这就是我要做的。

Try taking the centering and pic out of the CSS and into the HTML. the css would look like this:

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

and your HTML would look like this:

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

That is what I would do.

回复收藏 0 原文

奢欲 2024-08-19 13:08:57

首先，删除

周围的

标记。您不需要它并且它已被弃用。

然后，交换以下块的当前 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;
}

交换了速记的许多背景属性。由于您将图像显示为背景，因此添加到 center 的 background-position 属性中。现在，这会将您的图像瞄准中心。

First, get rid of that <center> tag you have around the <div id="banner"></div>. You don't need it and it's deprecated.

Then, swap out your current CSS of the following block:

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

For this:

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

Swapped out the many background attributes for the shorthand. Since you're showing the image as a background, added in the background-position property of center. This will now bullseye your image into the centre.

回复收藏 0 原文

~没有更多了~