在div中垂直对齐图像和文本

Question

是否可以通过绝对/相对定位在div内垂直对齐图像和文本的唯一方法？

我需要这样做，并且我正在尝试使用尽可能少的类/ hack。

像display：table-cell;一样是唯一的其他方法。 vertical-align：middle ;?

示例代码：

http://jsfiddle.net/ndreckshage/UYxXG/

Answer 1

一种方法是使用display：table-cell和vertical-align：middle 。

看一个例子：

http://jsfiddle.net/UYxXG/3/

这种方法的一个问题是，IE7不支持属性“ table-cell”。

Answer 2

在上面发表评论，但此代码适用于其他有兴趣的人--->

http://jsfiddle.net/ndreckshage/7SV9f/

Answer 3

垂直对齐是一种方式，绝对/相对定位是另一种方式，但是也有html align属性。 http://www.w3schools.com/html/tryit.asp?filename=tryhtml_image_align

我认为，使用vertical-align添加到css是最聪明的方法。

.test
vertical-align: middle;

Answer 4

Chris Coyier在CSS Tricks上有一篇很棒的文章，展示了如何使用CSS在垂直方向上将单行和多行文本居中。 http://css-tricks.com/vertically-center-multi-lined-text/