html css 如何使图片居中且不变形

1、打开在线写前端代码的网站如jsrun或者jsfiddle

3、每个方框的html 如下，<div> <span> <img src='图片地址'> </img> </span></div>

5、效果如下，很好的实现居中

7、这张图片仍然是居中的，没有收到父容器的影响。