Question

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

考虑下面的代码，其中容器是正文中唯一可用的元素。我希望内部图像位于容器的左侧，右侧，顶部和底部的中间位置。

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

Answer 1

您需要将宽度设置为百分比：

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

#responsive-img {
    width:50%;
}

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

高度将自动调整。 Check this demo并调整窗口大小。

那也是跨浏览器; - ）