html - 水平和垂直居中图像

Question

可能重复：
如何在更大的 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
{
...
}

score 2 · Accepted Answer

2

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

于 2012-07-29T17:14:54.360 回答

score 0 · Accepted Answer

边距：自动；添加自动边距并将图像居中尝试一下，但我需要更多代码，你能发布吗？

score 0 · Accepted Answer

将您的图像放在 div 中并像这样居中： Fiddle here

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

score 0 · Accepted Answer

margin:auto;

它会通过在div块元素的左侧和右侧添加相等的边距来自动居中您的div

score 0 · Accepted Answer

查看这些资源：

5 回答 5