垂直對齊多行文本？

Question

我正在使用：

#leftfoot {padding-left: 20px; vertical-align: middle;}

這是行不通的。 我看了很多解釋，其中沒有一個似乎適合我。 有沒有人知道如何垂直對齊多行文本？

在CSS上憤怒地握拳。

Answer 1

#leftfoot {
    height: 110px;
    display:table-cell;
    vertical-align: middle;
    padding-left: 20px;
}

您的問題如下：您的文本確實是垂直居中的，但您的內部div與文本的高度相同，並且未擴展到外部div的邊界，因此您必須設置內部div的高度才能工作。

Answer 2

你的問題不明確，創建一個JsFiddle。 為了更好地理解垂直對齊http://css-tricks.com/what-is-vertical-align/