css - 垂直对齐多行文本？

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/