CSS里面文字居中是一個常見的需求,通常我們可以通過設(shè)置CSS樣式來實現(xiàn),我們可以使用CSS中的text-align
屬性來設(shè)置文字的水平居中,使用vertical-align
屬性來設(shè)置文字的垂直居中。
如果我們想要讓一個段落中的文字水平和垂直都居中,我們可以這樣寫:
p { text-align: center; vertical-align: middle; }
這段CSS代碼會將所有段落(p
元素)中的文字設(shè)置為水平和垂直居中,你可以根據(jù)需要調(diào)整選擇器或者添加更多的樣式規(guī)則。
如果你想要讓圖片中的文字居中,你可以將圖片作為背景,然后使用background-position
屬性來調(diào)整圖片的位置,從而實現(xiàn)文字居中的效果。
div { width: 200px; height: 200px; background-image: url('image.png'); background-position: center; text-align: center; }
這段CSS代碼會將一個div
元素中的圖片設(shè)置為居中顯示,并且讓圖片上的文字也居中,你可以根據(jù)需要調(diào)整圖片的路徑、大小以及div
元素的大小和位置。