html - 在中间垂直对齐图像块

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;