可能是最常见的问题之一,我已经尝试了几件事,没有运气......
以下是审核的测试链接:http://lifetabernacleaustin.matthewgideon.com/en/welcome/
基本上,标题包含左侧的导航,固定宽度和右侧包含文本的列。右列填充空间的其余部分,文本以该div为中心。 div有一个固定的高度,但我不能垂直居中。线路高度不起作用,因为文本量将是随机的。 Table Cell似乎也不起作用,因为右列的宽度将是右边的剩余空间。
答案 0 :(得分:0)
请参阅Vertically align text in a div
添加
display: table-cell;
到div#scripture CSS。
可能最好在style.css中添加它,因为其他样式表仅适用于某些屏幕宽度。
答案 1 :(得分:0)
使用带有以下CSS定义的表格单元格:
#scripture {
/* your code */
margin: 0 auto;
display: table;
}
#scripture p {
/* your code */
display: table-cell;
vertical-align: middle;
}