如何以百分比为中心的图像

Question

我连续3个div（浮动），宽度为33.333333333333％

在这个div中我有一个img，我想把它放在中心位置。

我可以通过使用保证金来实现这一目标：0 40％;但如果我有更大或更小的屏幕，它不会居中。

Code bellow

[JSfiddle link] [1] [1]：http://jsfiddle.net/3gGDZ/

Answer 1

为您的图片添加display: block;而不是使用margin: 0 auto;代替margin: 0 40%;

示例：

.button1 img,
.button2 img,
.button3 img {
  display: block;
  margin: 0 auto;
}

http://jsfiddle.net/8A8bn/