vertical-text - div 垂直对齐

Question

可能是那里问得最多的问题之一，我已经尝试了几件事，但没有运气......

这是一个供审查的测试链接：http: //lifetabernacleaustin.matthewgideon.com/en/welcome/

基本上，标题由左侧的导航（固定宽度）和右侧包含文本的列组成。右列填充其余空间，文本在该 div 中居中。div 有一个固定的高度，但我不能垂直居中文本。Line Hight 不起作用，因为文本的数量是随机的。表格单元格似乎也不起作用，因为右列的宽度将是右侧的剩余空间。

Answer 1

请参阅垂直对齐 div 中的文本

添加

display: table-cell;

到 div#scripture CSS。

最好将它添加到 style.css 中，因为其他样式表仅适用于某些屏幕宽度。

Answer 2

适用于具有以下 CSS 定义的表格单元：

#scripture {
    /* your code */
    margin: 0 auto;
    display: table;
}

#scripture p {
    /* your code */
    display: table-cell;
    vertical-align: middle;
}