垂直对齐图像块在中间

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;