Html 如何在特殊分区中居中放置图像

我连续持有3个div（浮动），宽度为33.333%

在这个部门，我有一个img，我想把它放在中间

我可以通过使用边距来完成此操作：0 40%；但如果我有更大或更小的屏幕，它不会居中

Code bellow

---

[JSfiddle link][1][1]：

添加

显示：块到您的图像，而不是使用
边距：0自动而不是
保证金：0.40%

示例：

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

你能给我们提供一个JSFIDLE吗，我来看看我能做些什么；在您的图像上，边距：0自动将起作用。