使用绝对位置

Created: November-22, 2018

在旧浏览器中工作（IE> = 8）

对于 left 和 right 或 top 和 bottom 偏移，自动边距与零值配对，将使其父级中的绝对定位元素居中。

HTML

<div class="parent">
  <img class="center" src="http://lorempixel.com/400/200/" />
</div>

.parent {
  position: relative;
  height: 500px;
}

.center {
  position: absolute;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

像图像一样没有隐式宽度和高度的元素将需要定义这些值。