HTML：保持图像的中间与页面中间对齐

Question

我有一个横幅，我希望将图像的中间保持在页面中间。问题是，当我重新调整页面大小时，它不会将图像从左侧推出，图像的中间向右滑动。

这是我的HTML：

<div style="width:100%; text-align:center">
    <img src="bannerr.png">
</div>

有什么想法吗？

Answer 1

你可以把它放在CSS中

   img { display: block; margin: 0 auto; position: relative; }

如果您只需要html，请尝试使用

<img src="bannerr.png" style="display: block; margin: 0 auto; position: relative;">

编辑：添加位置：相对于

Answer 2

这是旧的HTML 4，但您可以使用<center>周围的<div>标记并执行此操作。

<center>
<div style="width:100%; text-align:center">
    <img src="bannerr.png">
</div>
</center>