垂直对齐DIV

Question

假设我有2个DIV，一个在另一个之上。

如何对齐顶部一个顶部的文字，并调整底部一个底部的文字？

Answer 1

真 - 垂直对齐只有当你设置每个div的display到table-cell

工作

div#top, div#bottom { display: table-cell } 
div#top { vertical-align: top } 
div#bottom { vertical-align: bottom } 

Answer 2

This is how you can do it.

演示：

http://www.emblematiq.com/blog/vertical_align_with_css/assets/02.html

http://www.emblematiq.com/blog/vertical_align_with_css/assets/03.html