在CSS中設置文字在底部居中,可以使用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; }
上述代碼設置了一個高度為200px的容器,使用flex布局將內容水平居中,并使用align-items將內容在垂直方向上對齊到底部。接下來,將p標簽的text-align設置為居中,同時使用vertical-align將文字垂直居中。為了避免出現底部的間距,為p標簽添加margin-bottom: 0。
這樣,我們就可以很容易地實現文字在底部居中的效果了。