垂直對齊圖像塊在中間

Question

我需要在頁面中間對齊圖像。我用margin：auto來水平對齊中間。

如何垂直對齊div塊中間。我有以下條件可以遵循。

1. 我無法提及div或圖像的寬度和高度。

2. 我無法以像素爲單位使用margin-top。

這是我的jsfiddle。

Answer 1

你做得很對。這是你的固定提琴http://jsfiddle.net/joplomacedo/cDD7m/4/

的事情是，你需要一個元素與display: table一個包裹與display: table-cell爲表細胞表現得像它應該。

Answer 2

背景圖像技術會適合您的需求嗎？

background: url(my-image.jpg) center center no-repeat;