在網(wǎng)頁設(shè)計(jì)中，文字的上下居中是一個(gè)非常常見的需求。而使用CSS可以幫助我們輕松地實(shí)現(xiàn)這一目標(biāo)。 在CSS中，我們可以使用vertical-align屬性來實(shí)現(xiàn)文字的上下居中。vertical-align屬性可以應(yīng)用于任何具有display屬性設(shè)置為inline或inline-block的元素，包括文字元素。 具體的實(shí)現(xiàn)方式如下所示： 1. 對(duì)于單行文本，可以將line-height屬性設(shè)置為元素的高度。例如，將p標(biāo)簽的高度設(shè)置為50像素，可以通過以下CSS代碼實(shí)現(xiàn)文字的上下居中： pre { display: block; font-size: 16px; line-height: 50px; } 2. 對(duì)于多行文本，可以使用flexbox布局來實(shí)現(xiàn)。具體實(shí)現(xiàn)方法是將父元素設(shè)置為display: flex，并將justify-content和align-items屬性分別設(shè)置為center。例如，可以使用以下CSS代碼實(shí)現(xiàn)文字的上下居中： pre { display: flex; justify-content: center; align-items: center; font-size: 16px; height: 100px; } 通過以上兩種方式，我們可以輕松地實(shí)現(xiàn)文字的上下居中。當(dāng)然，我們也可以在不同的場(chǎng)景下選擇不同的實(shí)現(xiàn)方式來滿足我們的需求。