垂直对齐DIV

Question

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

如何将顶部文本与TOP对齐，并将底部文本与底部对齐？

Answer 1

True - 垂直对齐仅在您将每个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