Html 如何使图像在中心进行裁剪

我把我的帖子缩略成全宽的，反应迅速的图片。因为它们太高了，我把它们裁剪成600像素。问题是，当屏幕变大时，图像会裁剪到顶部，而不是我想要的图像中心。有没有办法让图像在中间裁剪？ 我不想在这里使用背景图像

这是一本书

。大的前缩略图{
位置：相对位置；
最大宽度：100%；
高度：自动；
显示：块；
保证金：0自动；
}
.大前货柜{
最大高度：600px；
溢出：隐藏；
}

要在所有浏览器中使用：

     transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);

但我建议您使用

背景图像

案例描述

     transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);