可能重复:
How to make an image center (vertically & horizontally) inside a bigger div图像中的绝对位置的div
我有一个div这是与绝对位置(宽度/高度是100%)。 注意,不是px,百分数。
在这个div里面我有一张图片。我该如何将这个图像放在这个div中?
可能重复:
How to make an image center (vertically & horizontally) inside a bigger div图像中的绝对位置的div
我有一个div这是与绝对位置(宽度/高度是100%)。 注意,不是px,百分数。
在这个div里面我有一张图片。我该如何将这个图像放在这个div中?
CSS:
/* where margin-left = {img width}/2, and margin-top= {img height}/2 */
.bigdiv {
width:100%;
height:100%;
position:absolute;
}
.bigdiv img {
position:absolute;
left:50%;
top:50%;
margin-left:-10px;
margin-top:-10px;
}
HTML:
<div class="bigdiv"><img src="eg.png" /></div>
你也可以把你的利润率左,上边距命令,在img标签,而不是一个风格(因为他们是唯一每图片)。
您的示例工作,但在Safari 5.0.3上添加水平和垂直滚动(Mac OS X 10.6.6) 我的图像是100px/100px,因此margin(左侧|右侧)的值是-50px 如何解决该问题? – 2011-02-03 20:00:39
你想垂直和水平居中图像,是吗? – 2011-02-03 19:42:13