如何在 Div 中垂直居中內容？

定義的Div 尺寸內的內容垂直對齊

可以透過多種方法實現在指定寬度和高度的div 內垂直居中內容。讓我們來探索一些流行的選項：

1。顯示：父 Div 的 Table-Cell

將父 div 的顯示設為 table-cell 並在子內容上使用 Vertical-align: middle 允許垂直居中。

2.顯示：屏蔽與顯示：Table-Cell

將父級div的顯示設為屏蔽，子級內容顯示為table-cell ，效果類似。

3.浮動父div 和顯示：表格單元格

浮動父div 並將子內容的顯示設為表格單元格也會導致垂直居中。

4. Position:relative 和position:absolute

將父div的位置設為相對，子內容的位置設為絕對，top設定為50%，margin-top設定為-50%，可以實現垂直居中實現了。不過這種方法需要針對不同高度場景進行手動調整。

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