css如何实现宽高不一的图片水平垂直居中？要能响应式

Question

麻烦各位了下图是想要的效果

Answer 1

1

position:absolute; top: 0;left: 0;right: 0;bottom:0;width:auto;height: auto;margin: auto;

2

display: table-cell; text-align: center; vertical-align: middle;

3

position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); 

4

display: flex; justify-content: center; align-items: center;

Answer 2

用flex吧。
justify-content: space-between;
align-items: center;
这两个属性就行。