如何在具有動態高度的 Div 中垂直居中文字？

動態高度Div 中的文字垂直居中

問題：
在可變高度的div 元素中實現文本的垂直對齊，無論瀏覽器視窗尺寸如何。

說明：
為了讓文字在動態大小的 div 內垂直居中，我們利用了 display 屬性和 Vertical-align 屬性。

解決方案：

1. 設定包裝器div顯示為表格：

   div {
    display: table;
   }

2. h1 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
   }

附加說明：此解決方案已在多個裝置上進行了徹底測試作業系統和瀏覽器，包括Windows XP、Windows 7 和Linux Ubuntu，以及Internet Explorer、Opera、Firefox、Safari 和Google Chrome。

以上是如何在具有動態高度的 Div 中垂直居中文字？的詳細內容。更多資訊請關注PHP中文網其他相關文章！