原图：

1.当图片的宽固定，高度自适应，父元素的高度小于图片高度时，使图片在父元素中垂直居中：

2.当图片的高固定，宽度自适应，父元素的宽度小于图片宽度时，使图片在父元素中水平居中：

.hor {
                position:relative;        }        .hor img {
                position: absolute;            height: 300px;            left: 50%;            transform: translateX(-50%);        }