Div垂直对齐

时间:2014-05-30 17:16:37

标签: vertical-text

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

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

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

2 个答案:

答案 0 :(得分:0)

请参阅Vertically align text in a div

添加

display: table-cell;

到div#scripture CSS。

可能最好在style.css中添加它,因为其他样式表仅适用于某些屏幕宽度。

enter image description here

答案 1 :(得分:0)

使用带有以下CSS定义的表格单元格:

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

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