1新建html文檔，在body標(biāo)簽中添加p標(biāo)簽，標(biāo)簽的id為“header”，這時(shí)因?yàn)閜標(biāo)簽中沒(méi)有內(nèi)容且沒(méi)有設(shè)置樣式，所以網(wǎng)頁(yè)中顯示空白2這時(shí)為p標(biāo)簽設(shè)置原題中的css樣式，此時(shí)雖然p盒子顯示了，但是沒(méi)有居中3此時(shí)為p添加。

css如何設(shè)置圖片上的文字并居中1首先，打開(kāi)html編輯器，創(chuàng)建一個(gè)新的html文件，比如indexhtml2在indexhtml標(biāo)記，輸入css代碼spanpositionabsolutetop45px左180px3瀏覽器運(yùn)行indexhtml頁(yè)面此時(shí)。

css盒子內(nèi)容居中的方法css盒子內(nèi)容水平居中的textaligncenter 或 margin0 auto代碼效果垂直居中的lineheight代碼效果絕對(duì)定位水平垂直居中，positionabsolutetop50%left50%代碼效果。

5第三種方法就是使用displayinlineflex，css代碼如圖所示6這種方法的html是套用一個(gè)p即可如圖所示7然后將下圖中的css代碼寫入CSS文件中即可html中圖片居中的代碼html中使圖片居中的代碼是img src=quotquotalt=quot。

textalign center 只能用于行內(nèi)元素的水平居中，用在塊級(jí)元素或容器中是無(wú)效的 試試這樣。