怎么使用CSS让图片水平垂直都居中？

网友解答: css图片水平垂直居中的方法有很多种，这里给你一一列举一下1、使用display:table-cell和vertical-align:middle属性即可；类似使用table

css图片水平垂直居中的方法有很多种，这里给你一一列举一下

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

2、使用绝对定位position:absolute;通过给图片左上50%，然后再margin他们宽高的一半既可以实现图片垂直居中；

3、使用flex布局；flex功能为新功能，考虑到兼容性的问题，在手机端应用较好，pc端建议使用前边2个方式。

最终显示的效果图片

1、flex布局，这是我经常用的

2、div包的两标签一个是img一个是i标签，两个子标签都vertical-align ：middle ，text-align：center。然后把i 的height 设置成0，算是不用flex布局投机取巧的一种方式，

3、绝对定位垂直居中，img的父级position：relative，img的css为position：absolute；top：0；left：0；right：0；bottom：0；margin：0 auto。

打这么多字点个赞啦