在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/