如何裁剪、调整大小和居中<；img>；使用CSS具有固定高度

我试图找到一种方法来裁剪和调整图像大小，以适应其容器而不失真。我已经设置了容器的高度，因此图像必须100%填充此高度，并且图像的中心必须与容器的中心匹配

这是我的html：

<div class="container"> 
     <img src="image.jpg" class="img-responsive">
</div>

---

这项技术非常有效：

.container {
overflow: hidden;
position: relative;
height: 260px;
width: 358px;
}
.img-responsive {
position: absolute;
width: auto;
height: 100%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}

---

您可以使用图像作为背景。。。可能吗？我不想使用这种技术，因为图像是通过wordpress插入的，我不知道如何使图像进入div的背景，而且它也不是非常seo友好，但我认为这种方法对于裁剪、调整大小和居中图像是最好的。这真的很有帮助。谢谢

.container {
overflow: hidden;
position: relative;
height: 260px;
width: 358px;
}
.img-responsive {
position: absolute;
width: auto;
height: 100%;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}