可能重复：
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
{
...
}
【问题讨论】：
一种方法是表格单元格显示和vertical align: middle;
【讨论】：
margin: 0 auto;（这只有在你将图像声明为块级元素时才有效（display: block;）
边距：自动；添加自动边距和居中图像试试看，但我需要更多代码，你能发布吗？
【讨论】：
margin:auto;
它会通过在您的 div 块元素的左右添加相等的边距来自动居中您的 div
【讨论】：
查看这些资源：
如果你知道 div 的宽度 - How to make an image center (vertically & horizontally) inside a bigger div
如果你不知道 div 的宽度 - http://doctype.com/css-centering-wide-image-unspecified-dimensions-div-unspecified-dimensions
【讨论】：
将你的图片放在 div 中，并像这样居中： Fiddle here
div{
width:300px;
height:300px;
margin:0px auto;
margin-top:30px; //to pull it down
}
【讨论】：