首页 文章

绝对位置div中的图像[重复]

提问于
浏览
5

可能重复:如何在较大的div内制作图像中心(垂直和水平)

我有一个绝对位置的div(宽度/高度是100%) . 注意,而不是px,百分比 .
在这个div中我有一个图像 . 如何将此图像置于此div中?

1 回答

  • 8

    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标签上(因为它们对于每个图像都是唯一的) .

相关问题