如何在一个大的div内制作图像中心(垂直和水平)?

  • 回答 (2)
  • 关注 (0)
  • 查看 (51)

我有一个200×200像素的div。我想要在div中间放置一个50 x 50像素的图像。

如何做呢?

我能够通过使用text-align: centerdiv 来获得水平居中。但垂直对齐是问题..

迷迷迷迷提问于
MyLove回答于

在旧版浏览器中工作(IE> = 8)

绝对位置结合自动保证金允许水平和垂直居中元素。元素位置可以基于使用相对定位的父元素位置。查看结果

img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
最爱开车啦互联网的敏感者回答于

就个人而言,我会把它作为背景图像在div中,CSS是这样的:

#demo {
    background: url(bg_apple_little.gif) no - repeat center center;
    height: 200px;
    width: 200px;
}

(假设id="demo"你已经指定height和width添加一个div background不应该是一个问题)

让浏览器承受压力。

扫码关注云+社区

领取腾讯云代金券