使用公式将div中的图像居中

Question

我正在使用公式方法将图像居中于div。

以下是链接：http://fiddle.jshell.net/bPM73/10/

我不知道公式中有什么问题，图像没有居中。 我的意思是我想要纵向和横向

请帮忙。

Answer 1

你只能使用css3 box-align属性...使用所有浏览器（使用前缀hack）

http://fiddle.jshell.net/bPM73/28/

Answer 2

#i4 {
  display: block;
  width:300px;
  height:160px;
  top:0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  position:absolute;
  margin: auto;
}

这是一个技巧。你可以将它复制到你的小提琴中，看它会起作用。

Answer 3

我编辑了js并添加了位置：相对于你的包装div。看看http://fiddle.jshell.net/bPM73/24/