Question

可能重复：
How to make an image center (vertically & horizontally) inside a bigger div

我想在我的网站上制作图片库，但我无法将图像置于div内。

div的CSS是：

#animation
{
display : none;
position: absolute;
z-index:1;
background : rgba(0,0,0,0.7);
height: 100%;
width: 100%;
border: 0px;
}

图片ID为：

#pictures
{
...
}

Answer 1

一种方法是表格单元格显示和vertical align: middle;

Answer 2

余量：汽车;添加自动边距和中心图像有一个尝试，但我需要更多的代码，你可以发布吗？

Answer 3

将您的图片放在div中并将其居中放置： Fiddle here

 div{
 width:300px;
 height:300px;
 margin:0px auto;
 margin-top:30px; //to pull it down
 }

Answer 4

margin:auto;

它会自动居中 div ，在 div 块元素的左右两侧添加相等的边距

Answer 5

查看以下资源：