使用CSS進(jìn)行頁面排版時，經(jīng)常會遇到需要將某個元素的上下居中的情況。這時我們可以使用垂直對齊的技巧來實(shí)現(xiàn)這一效果。
首先，讓我們來看一下一個普通的div元素，我們要將其垂直居中。

<div class="box">
<p>Hello World</p>
</div>

我們可以使用CSS的display屬性來為該元素設(shè)置為flex布局，并設(shè)置其justify-content和align-items屬性為center。

.box {
display: flex;
justify-content: center;
align-items: center;
}

這樣就可以使box元素垂直居中了。同樣的，如果我們只想讓其上下居中，可以將其justify-content屬性設(shè)置為flex-start。

.box {
display: flex;
justify-content: flex-start;
align-items: center;
}

以上是使用CSS讓元素垂直居中的兩種方法，希望對大家能有所幫助。