Question

我的HTML存在问题。我在互联网上搜索过，但仍然没有真正的答案。

我有一个带有一些图像的网站，我希望它们位于中间。现在，在我的屏幕上，它们位于中间位置，但那是因为我把它们移到了一边。当我的朋友看到它时，图像偏离中心。

Here's the website;如果你在13.5英寸的屏幕上，它看起来就在中间。

Answer 1

尝试这样的事情......

<div id="wrapper" style="width:100%; text-align:center">
<img id="yourimage"/>
</div>

Answer 2

仅仅使用简单的<center></center>代码是不可接受的吗？

如果没有，我必须在这里遗漏一些东西。随意在评论中解释原因。我喜欢网页设计，你的网站非常令人印象深刻。我可能会建议做一些事情来降低加载时间，这有点关闭。

- 从一个MC粉丝到另一个粉丝：）

修改

我刚看了你的代码......哎哟！

<center></center> <center><body onload="MM_preloadImages('../logo-glow.png')"> <a href="homepage.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('minecraft2','','../logo-glow.png',1)"><img src="../log-noglow.png" name="minecraft2" width="998" height="222" hspace="0" border="0" align="absmiddle" id="minecraft2" /></a></body></center>

尽量不要将格式标签放在身体外面。将<center>放在body标签内。它的工作原理是因为它遵循HTML的低级严格规则，但是，并非所有浏览器都很好，有些可能会错误地显示您的页面，除非这个问题得到解决！

Answer 3

在特定情况下，您可以将包含a元素设置为：

a {
    display: block;
    text-align: center;
}

JS Bin demo

Answer 4

<div style='width:200px;margin:0 auto;> sometext or image tag</div>

这可以横向工作

如何在所有屏幕尺寸的网页上居中显示图像

4 个答案: