使用絕對位置

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;
}

像影象一樣沒有隱式寬度和高度的元素將需要定義這些值。