html圖片置頂和居中需要設置margin和textalign屬性即可，接下來新建一個html文件具體的演示一下1準備html文件和圖片，如下圖所示 2在html文件的body標簽內(nèi)加屬性margin和textalign，如下圖所示 3右鍵單擊html文件選擇瀏覽器運行，如下圖所示 4接下來就看到圖片置頂居中了，如下圖所示。

第一種方法設置父元素內(nèi)文字居中即可讓圖片居中elementtextaligncenter 第二種方法設置圖片為塊級元素，設置左右margin為auto即可讓圖片居中imgdisplayblockmarginleftautomarginrightauto。

1首先打開hbuilder軟件，新建啊一個html文件并在里面創(chuàng)建一個div容器，容器設置class屬性名為container，div內(nèi)設置一個圖片2然后在上方style標簽中設置container的樣式，為了觀察方便，設置div的高度和寬度以及背景色，并設置margin屬性讓div居中再設置img的屬性，讓它的display為inline內(nèi)聯(lián)元素，在設置。

01打開記事本或其他代碼編輯器，創(chuàng)建一個新的HTML文件，如下圖所示 02用瀏覽器打開這個HTML文件，可以看到下圖所示的效果這幅畫在整頁的左邊03圖片居中可以通過HTML中的align屬性來控制在圖片的div中添加align=quotcenterquot04在瀏覽器中再次打開這個頁面文件，效果如下圖片已經(jīng)顯示在中間05我們還。

可以用“margin 0 auto”和“textalign center”是圖片在網(wǎng)頁中居中1新建html文檔，在body標簽中添加div標簽，然后在div標簽中添加img標簽2為div標簽添加“margin”屬性，屬性值是“0 auto”，這時div標簽將會在網(wǎng)頁中居中顯示3為div標簽添加“textalign”屬性，屬性值是“center”。

一傳統(tǒng)HTML讓圖片橫向水平居中方法 直接在標簽對象內(nèi)加“align=quotcenterquot”即可讓對象內(nèi)圖片橫向水平居中顯示align=quotcenterquot使用方法ltdivalign=quotcenterquotltdiv align=quotcenterquot居中圖片DIV+CSS實例代碼htmlalign=quotcenterquot圖片居中實例截圖 二CSS讓圖片中DIV對象內(nèi)水平居中 1實例HTML+CSS完整。