绝对位置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>
您也可以将您的margin-left,margin-top命令作为样式放在img标签上(因为它们对于每个图像都是唯一的)。
链接地址: http://www.djcxy.com/p/75749.html