網(wǎng)友解答: css圖片水平垂直居中的方法有很多種，這里給你一一列舉一下1、使用display:table-cell和vertical-align:middle屬性即可；類似使用table

css圖片水平垂直居中的方法有很多種，這里給你一一列舉一下

1、使用display:table-cell和vertical-align:middle屬性即可；類似使用table的valign:middle功能；

2、使用絕對(duì)定位position:absolute;通過給圖片左上50%，然后再margin他們寬高的一半既可以實(shí)現(xiàn)圖片垂直居中；

3、使用flex布局；flex功能為新功能，考慮到兼容性的問題，在手機(jī)端應(yīng)用較好，pc端建議使用前邊2個(gè)方式。

最終顯示的效果圖片

1、flex布局，這是我經(jīng)常用的

2、div包的兩標(biāo)簽一個(gè)是img一個(gè)是i標(biāo)簽，兩個(gè)子標(biāo)簽都vertical-align ：middle ，text-align：center。然后把i 的height 設(shè)置成0，算是不用flex布局投機(jī)取巧的一種方式，

3、絕對(duì)定位垂直居中，img的父級(jí)position：relative，img的css為position：absolute；top：0；left：0；right：0；bottom：0；margin：0 auto。

打這么多字點(diǎn)個(gè)贊啦