垂直對齊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