CSS：如何在div中垂直居中对齐文本？（或非表格的任何其他元素）

要垂直居中对齐表格单元格中的文本，我在

td

中使用

vertical align:middle

---

但是上面的内容不适用于div、span、header和其他非表元素。那么，如何在这些元素中垂直居中对齐文本？

只需使用以下样式：

<style type="text/css">
    div {
            vertical-align: middle;
            display: table-cell;
        }
</style>

div{
垂直对齐：中间对齐；
显示：表格单元格；
}

---

这样，您就可以将

div

作为表格单元格“显示”，由于

vertical align

可用于表格单元格，因此文本将垂直居中对齐。

只需使用以下样式：

<style type="text/css">
    div {
            vertical-align: middle;
            display: table-cell;
        }
</style>

div{
垂直对齐：中间对齐；
显示：表格单元格；
}

---

这样，您将

div

作为表格单元格“显示”，并且由于

垂直对齐

与表格单元格一起工作，因此文本将垂直居中对齐。

如果是单行文本，您可以将行高设置为与元素相同的高度。

如果是单行文本，您可以将线条高度设置为与元素相同的高度。

有多种可能性，每种可能性都有其优点和缺点

---

下面是Douglas Heriot的一篇文章，他解释了其他5种方法，并对它们进行了比较。

有很多可能，每种方法都有其优缺点

---

下面是道格拉斯·赫里奥特（Douglas Heriot）的一篇文章，解释了其他5种方法，并对它们进行了比较。

看这个看这个看这个链接死了链接死了