水平和垂直居中，尺寸可变，最大宽度/高度为1000px;

Question

我试图纵向和横向居中一个宽度和高度可变的图像，最大值为1000px。我存档垂直中心，但我无法在不打破垂直的情况下添加水平中心......这是我的代码：

<div style="margin-left:auto;margin-right:auto;width:70%;height:1000px;width:1000px;">
    <div style="display:table-cell;vertical-align:middle;height:1000px;width:1000px;">
        <img src="images/a.png">
    </div>
</div>

Answer 1

只需将text-align: center;添加到外div。

JSFiddle