javascript - 从垂直和水平方向居中对齐图像

Question

我需要帮助来使用 CSS 使图像中心水平和垂直对齐。

考虑下面的代码，其中容器是主体中唯一可用的元素。我希望内部图像从左、右、上和下位于容器的中间。

<body>
<div class="container">
 <img name="img.png" width="100" height="100" />
</div>enter code here
</body>

score 2 · Accepted Answer

您必须将宽度设置为百分比：

<div id="responsive-img">
<img src="yourimage.jpg">
</div>

#responsive-img {
    width:50%;
}

#responsive-img img {
    max-width:100%;
}

高度会自动调整。检查此演示并调整窗口大小。

那也是跨浏览器;-)

1 回答 1