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