【问题标题】:vertical align Image Block at middle在中间垂直对齐图像块
【发布时间】:2012-07-14 13:31:43
【问题描述】:

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

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

  1. 我不能提及div或图像的宽度和高度。

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

这是我的jsfiddle

【问题讨论】:

标签: html css


【解决方案1】:

你做的几乎是正确的。这是你的固定小提琴http://jsfiddle.net/joplomacedo/cDD7m/4/

问题是,您需要一个带有display: table 的元素用display: table-cell 包裹一个元素,以使表格单元格的行为符合预期。

【讨论】:

    【解决方案2】:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-09-26
      • 2010-12-03
      • 2022-12-23
      • 1970-01-01
      相关资源
      最近更新 更多