首先我們CSS命名選擇器為“divcss5”，對(duì)此選擇器內(nèi)加居中樣式我們實(shí)例演示2個(gè)DIV對(duì)象，一個(gè)放文字一個(gè)放圖片1對(duì)應(yīng)CSS代碼如下divcss5textaligncenter 2完整HTML+DIV+CSS代碼如下lt！DOCTYPE html lthtm。

在使用HTML繪制頁(yè)面的時(shí)候，適當(dāng)?shù)膱D文編排可以使內(nèi)容更具有吸引力，下面就介紹下使HTML中圖片居中的簡(jiǎn)單辦法 打開(kāi)記事本或者其他的代碼編輯器，新建一個(gè)HTML文件，如下圖 使用瀏覽器打開(kāi)這個(gè)HTML文件，可以看到如下圖所示的效果。

1新建html文檔，在body標(biāo)簽中添加div標(biāo)簽，然后在div標(biāo)簽中添加img標(biāo)簽2為div標(biāo)簽添加“margin”屬性，屬性值是“0 auto”，這時(shí)div標(biāo)簽將會(huì)在網(wǎng)頁(yè)中居中顯示3為div標(biāo)簽添加“textalign”屬性，屬性值是“center”。

圖片是一個(gè)塊級(jí)元素，可以用塊級(jí)元素的方法居中，居中的方法有很多，我隨便列舉幾個(gè)一lt！DOCTYPE html lthtml lthead ltmeta charset=quotUTF8quot lttitle居中l(wèi)ttitle lthead ltstyle type=quottextcssquot one。

1準(zhǔn)備html文件和圖片，如下圖所示 2在html文件的body標(biāo)簽內(nèi)加屬性margin和textalign，如下圖所示 3右鍵單擊html文件選擇瀏覽器運(yùn)行，如下圖所示 4接下來(lái)就看到圖片置頂居中了，如下圖所示。