CSS 中使用窗戶垂直居中來確保一個(gè)元素垂直居中在其父元素中央。窗戶垂直居中不僅簡(jiǎn)單易懂，而且兼容性較好，可以滿足大多數(shù)情況下的垂直居中需求。 要實(shí)現(xiàn)窗戶垂直居中，首先需要為父元素和要垂直居中的元素設(shè)置屬性。我們可以使用 display:flex 屬性和 align-items:center 屬性來實(shí)現(xiàn)垂直居中。代碼如下：

p{ 
display:flex; 
align-items:center; 
height:100%; 
}

在此示例中，我們?yōu)?p 元素和其父元素（通常是 body）設(shè)置了高度為 100%，以確保元素充滿整個(gè)屏幕。然后，我們使用 display:flex 和 align-items:center 屬性將 p 元素垂直居中。 另一種方法是使用 position 和 transform 屬性實(shí)現(xiàn)垂直居中。代碼如下：

p{ 
position:relative; 
top:50%; 
transform:translateY(-50%); 
}

在這種方法中，我們?yōu)?p 元素設(shè)置了 position:relative，然后使用 top 屬性和 transform 屬性將元素垂直居中。我們使用 top:50% 將元素的上邊緣向下移動(dòng)到父元素中間，然后使用 transform:translateY(-50%) 屬性使其向上移動(dòng)元素高度的一半，以使其垂直居中。 無論使用哪種方法，使用窗戶垂直居中的好處在于它具有良好的兼容性，不需要復(fù)雜的計(jì)算或額外的 HTML 元素，可以輕松地在您的網(wǎng)站上實(shí)現(xiàn)垂直居中。