可能重复:
如何在较大的div内制作图像中心(垂直和水平)
我有一个绝对位置的div(宽度/高度是100%).注意,不是px,百分比.
在这个div中我有一个图像.如何将此图像置于此div中?
我需要将图像置于div的中间.
<div class="main">
<img...>
</div>
Run Code Online (Sandbox Code Playgroud)
在下面的示例中,图像居中,但不在中间.
我倾向于在我设计的每个网站上都这样做,但我还没有真正找到一个真正好的方法来做到这一点.公司通常会向我提供他们的徽标,当您转到页面时,我将其置于屏幕中间,然后自动将您转到主页.我似乎无法找到一个好的方法来将图像置于屏幕中间,而不需要一堆表和div!有什么好建议吗?!
我试图水平居中一个大图像.因为我使用的是HTML5,所以我无法使用<center>.我可以使用left:400px,但这不适用于不同的屏幕尺寸.