1第一種css代碼如圖所示display設(shè)置成tablecell，textalign為center，垂直居中設(shè)置verticalalign為middle2打開瀏覽器查看結(jié)果，圖片已處于正中狀態(tài)3第二種方法css代碼如圖div設(shè)置成相對定位，img設(shè)置成絕對定位。

設(shè)置img樣式positionabsoluteleft50%marginleft 960px這個(gè)數(shù)值為img寬度的一半5注left50%是將圖片向右移動(dòng)到容器一半的距離，marginleft960px是再將圖片反向移動(dòng)圖片一半的距離，這樣圖片就在居中了。

所以通常圖片高，文字低，不能水平居中對齊，如下3再次編輯ahtml，加入以下css代碼hlong *displayinlineblockverticalalignmiddle保存 4再次使用瀏覽器訪問ahtml頁面，效果如圖是不是很簡單呢。

ltimg src=quot2gifquot 這是圖片的代碼 你可以這樣寫他們的寬高ltimg src=quot2gifquot width=quot300quot height=quot300quot alt=quot我是圖片哦！quot還有加上alt注釋了！讓圖片局中是讓圖片在什么地方局。

1使用flex布局將圖片的父元素設(shè)置為display flex，并使用justifycontent和alignitems屬性來水平和垂直居中圖片例如parent #160display flex #160justifycontent center * 水平居中 * #160al。

可以為盒子添加“textalign center”樣式使圖片在盒子中居中1新建html文檔，在body標(biāo)簽中添加一個(gè)div盒子，然后在這個(gè)div盒子中添加一張圖片2為div盒子和圖片添加一些樣式，這時(shí)默認(rèn)情況下圖片會(huì)向盒子的左上角。

1利用margin 0 auto實(shí)現(xiàn)圖片居中，就是在圖片上加上css樣式margin 0 auto 如下2設(shè)置imgBox的樣式如下3此時(shí)的效果如下圖片在容器內(nèi)，水平居中二css圖片垂直居中1css代碼如下，使用flex布局實(shí)現(xiàn)2。

一般來說可以用CSS中的“textaligncenter屬性，margin0auto或定位屬性”就可以居中但是主要看是看你的頁面布局是怎樣的，是否用了定位 1img標(biāo)簽中的align屬性不是定義圖像的位置，而是定義圖像與周圍文字的位置，并且。