網(wǎng)站制作NEWS
SCROLL
HTML網(wǎng)頁代碼中如何設(shè)置文字水平垂直居中的代碼
1、我們創(chuàng)建一個(gè)盒子，然后中間輸入文字信息
2、當(dāng)我們對(duì)盒子添加了邊框顏色后，瀏覽器效果如圖所示，文字在左側(cè)第一行位置
3、想要文字居中，可以輸入text-align這個(gè)文字的對(duì)齊樣式了，然后在屬性中輸入center中間的意思，就是將文字在水平位置居中
4、如圖，這樣就是文字在水平位置上的居中了
5、還有就是設(shè)置文字的垂直居中對(duì)齊了，可以根據(jù)不同的需要調(diào)整margin或者line值，這里使用的是行高將其設(shè)置為垂直居中，如圖，行高的屬性是line-height，后面的屬性值設(shè)置和父級(jí)的盒狀標(biāo)簽高度相同，這樣就可以做到文字垂直方向上居中了
6、如圖，最后的效果就是這樣的了。
標(biāo)簽： html網(wǎng)頁代碼中如何設(shè)置文字水平垂直居中的代碼
多重隨機(jī)標(biāo)簽