垂直对齐多行文本？

Question

我正在使用：

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

它不起作用。我看了很多解释，其中没有一个似乎适合我。 有没有人知道如何垂直对齐多行文本？

愤怒地握拳。

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/