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

負(fù)值的大小為層自身寬度高度除以二如一個(gè)層寬度是400，高度是300使用絕對定位距離上部與左部都設(shè)置成50%而margintop的值為－150marginleft的值為－200這樣我們就實(shí)現(xiàn)了層垂直居中于瀏覽器的樣式編寫div。

必須給定位的元素設(shè)置一定的值，如果你要水平居中可以用javascript做到 left的值 = 定位元素的父元素寬度 定位元素寬度2 如果該父元素是body可用screenwidth，如果不是，請把該父元素設(shè)置成positionrelative。

讓div左右居中可以使用百分比絕對定位，與外補(bǔ)丁負(fù)值的方法，負(fù)值的大小為其自身寬度高度除以二，樣式如下ltstyle type=quottextcssquot main positionabsolutetop50%left50%width200pxheight100pxmargintop。

1建立txt文檔，更改后綴名為html，如圖2右擊html文件，選擇用記事本打開，如圖3講解第一種div絕對定位水平垂直居中CSS3使用transform， transform中translate偏移的百分比值是相對于自身大小的，無論絕對定位元素的尺。

1新建一個(gè)testhtml文件2在文件中，創(chuàng)建一個(gè)div模塊，在div內(nèi)，使用img標(biāo)簽創(chuàng)建一張圖片3在css標(biāo)簽內(nèi)，設(shè)置div的高度寬度位置屬性為絕對定位，同時(shí)使用left和top設(shè)置居中顯示，從而實(shí)現(xiàn)圖片在網(wǎng)頁中居中顯示。

html垂直居中有4中方法分別有使用lineheight使用表格利用displaytablecell使用絕對定位具體實(shí)現(xiàn)方法使用lineheight 把文字的lineheight設(shè)為文字父容器的高度，適用于只有一行文字的情況可以讓文字在父元素內(nèi)。