在CSS中設(shè)置文字在底部居中,可以使用vertical-align和text-align來達到效果。下面是一個示例:
.example { display: flex; justify-content: center; align-items: flex-end; height: 200px; border: 1px solid black; } .example p { text-align: center; vertical-align: middle; margin-bottom: 0; }
上述代碼設(shè)置了一個高度為200px的容器,使用flex布局將內(nèi)容水平居中,并使用align-items將內(nèi)容在垂直方向上對齊到底部。接下來,將p標(biāo)簽的text-align設(shè)置為居中,同時使用vertical-align將文字垂直居中。為了避免出現(xiàn)底部的間距,為p標(biāo)簽添加margin-bottom: 0。
這樣,我們就可以很容易地實現(xiàn)文字在底部居中的效果了。