使用絕對位置

在舊瀏覽器中工作(IE> = 8)

對於 leftrighttopbottom 偏移,自動邊距與零值配對,將使其父級中的絕對定位元素居中。

檢視結果

HTML

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

CSS

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

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

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

其他資源: CSS 中的絕對居中