如何在更大的div内使图像中心（垂直和水平）居中

小编典典

html

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

怎么做到呢？

我可以通过使用text-align: centerdiv 使它水平居中。但是垂直对齐是个问题。

阅读 339

2020-05-10

共1个答案

小编典典

就个人而言，我将其作为div中的背景图像放置，其CSS为：

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

（假设id="demo"您已经在指定div height并width添加div background应该不是问题）

让浏览器承受压力。

2020-05-10