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

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

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

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

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