css - 如何在已知高度的 div 中垂直居中文本，但不设置 line-height 属性，因为文本可能跨越多行？

Question

如何在已知高度的 div 中垂直居中未知数量的文本(可能跨越多行)。我知道这可以使用 line-height 属性来完成，但这仅在只有一行文本时才有效。

Answer 1

我认为唯一可以自动垂直调整文本的 HTML 是表格单元格，所以如果您使用的是 div，您可以应用一些小技巧:

.align-vertically {
    display: table-cell;
    vertical-align: middle; 
}

通过这种方式，您将更改默认显示行为，使 div 表现得像一个单元格!