方法一 設(shè)置盒子高度與lineheight相同，本方法適用于一行文字圖片垂直居中 和一行文字對齊 用屬性verticalalign 小圖標(biāo)和文字垂直對齊，小圖標(biāo)作為背景插入 attr設(shè)置自己生成的屬性，像selected checked這類即使用鼠標(biāo)。

垂直是valign=quotmiddlequot，代碼實(shí)例如下lttable width=quot1000pxquot border=quot1quot lttrlttd align=quotcenterquotltimg src=quotxxjpgquotlttdlttr lttable 上面的代碼即設(shè)置圖片水平居中，同理可以設(shè)置其垂直居中。

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

HTML如何讓圖片顯示在中央方法如下1首先，創(chuàng)建一個(gè)新的ahtml文檔并準(zhǔn)備一個(gè)小徽標(biāo)，如下所示2用瀏覽器打開ahtml，可以看到默認(rèn)的情況，是圖片上對齊，文字下對齊，所以通常是圖片高文字低，無法橫向居中對齊，如。

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