如何在 CSS 中垂直居中 Div？

用margin:auto 將Div 垂直居中

而margin:O auto;水平居中div，margin:auto auto;不垂直居中。不幸的是，vertical-align:middle;也不適用於像 div 這樣的區塊級元素。

限制：

• vertical-align:middle;: 不適用於區塊級元素。
• margin-top:auto 和margin-bottom:auto: 計算值為零。
• margin-top:-50%;: 基於百分比的邊距值是基於包含區塊的寬度。

垂直居中解決方法：

由於文檔流和元素高度計算的性質，不可能在父元素內使用邊距進行垂直居中。但是，這些解決方法可以解決該問題：

嵌套元素方法：

這需要嵌套三個元素，如下所示：

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