Div垂直对齐

Question

可能是最常见的问题之一，我已经尝试了几件事，没有运气......

以下是审核的测试链接：http://lifetabernacleaustin.matthewgideon.com/en/welcome/

基本上，标题包含左侧的导航，固定宽度和右侧包含文本的列。右列填充空间的其余部分，文本以该div为中心。 div有一个固定的高度，但我不能垂直居中。线路高度不起作用，因为文本量将是随机的。 Table Cell似乎也不起作用，因为右列的宽度将是右边的剩余空间。

Answer 1

请参阅Vertically align text in a 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;
}