可能重复:如何在较大的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标签上(因为它们对于每个图像都是唯一的) .
1 回答
CSS:
HTML:
您也可以将margin-left,margin-top命令作为样式放在img标签上(因为它们对于每个图像都是唯一的) .