大家好，今天小编关注到一个比较有意思的话题，就是关于css相对定位居中的问题，于是小编就整理了1个相关介绍css相对定位居中的解答，让我们一起看看吧。
怎么使用CSS让图片水平垂直都居中？
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。
打这么多字点个赞啦🤣
css图片水平垂直居中的方法有很多种，这里给你一一列举一下
1、使用display:table-cell和vertical-align:middle属性即可；类似使用table的valign:middle功能；
2、使用绝对定位position:absolute;通过给图片左上50%，然后再margin他们宽高的一半既可以实现图片垂直居中；
3、使用flex布局；flex功能为新功能，考虑到兼容性的问题，在手机端应用较好，pc端建议使用前边2个方式。
最终显示的效果图片
到此，以上就是小编对于css相对定位居中的问题就介绍到这了，希望介绍关于css相对定位居中的1点解答对大家有用。