CSS中,可以使用flex布局來實(shí)現(xiàn)兩行文字的垂直居中,以下是一個(gè)示例代碼:
.container { display: flex; align-items: center; justify-content: center; height: 100vh; } .text { font-size: 24px; line-height: 32px; }
在這個(gè)示例中,我們創(chuàng)建了一個(gè)名為container
的容器,并設(shè)置了display: flex
來啟用flex布局。align-items: center
和justify-content: center
屬性將容器內(nèi)的內(nèi)容垂直和水平居中。height: 100vh
將容器的高度設(shè)置為視口高度的100%,以確保內(nèi)容始終在視口的中心。
我們創(chuàng)建了一個(gè)名為text
的文本元素,并設(shè)置了font-size: 24px
來指定字體大小,line-height: 32px
來設(shè)置行高,這些屬性可以根據(jù)需要進(jìn)行調(diào)整,以達(dá)到所需的樣式效果。
通過這種方法,我們可以輕松地在CSS中實(shí)現(xiàn)兩行文字的垂直居中。