垂直对齐图像块在中间

时间:2012-07-14 13:31:43

标签: html css

我需要在页面中间对齐图像。我使用margin:auto来水平对齐中间。

如何垂直对齐div块中间。我有以下条件要遵循。

  1. 我无法提及div或图像的宽度和高度。

  2. 我不能以像素为单位使用margin-top。

  3. 这是我的jsfiddle

2 个答案:

答案 0 :(得分:1)

你做得差不多。这是你固定的小提琴http://jsfiddle.net/joplomacedo/cDD7m/4/

问题是,你需要一个display: table包含一个display: table-cell的元素,表格单元的行为应该像它应该的那样。

答案 1 :(得分:0)

背景图像技术是否符合您的需求?

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