Javascript 如何水平和水平；slick gallery（fancybox）中的垂直中心图像

我对光滑的画廊有很多问题。 我想把img图像放在中心——图像大小不一，光滑的效果不好

请看图片-这是我需要的：

当图像较小时，必须位于中间

当图像高度较大时，我们将其垂直居中

当图像宽度较大时，我们将其水平居中

请看下面的代码：

$（document）.on（'ready'，function（）{
$（“.slider”）.slick({
点：错，
无限：错，
幻灯片放映：1，
可访问性：是的，
自动播放：对，
箭头：错，
centerMode：对，
中心填充：“0px”，
幻灯片放映：1，
});
});
滑块{
宽度：440px；
高度：400px；
背景：金；
}
在css中使用div和背景图像来显示图像，而不是img。使用
背景大小：contain
来实现此效果。
在css中使用div和背景图像来显示图像，而不是img。使用
背景大小：contain
来实现此效果。

div{
高度：400px；
背景色：红色；
文本对齐：居中；
空白：nowrap；
}
.助手{
显示：内联块；
身高：100%；
垂直对齐：中间对齐；
}
img{
垂直对齐：中间对齐；
}


div{
高度：400px；
背景色：红色；
文本对齐：居中；
空白：nowrap；
}
.助手{
显示：内联块；
身高：100%；
垂直对齐：中间对齐；
}
img{
垂直对齐：中间对齐；
}

但是中上下怎么办？查看这篇SO帖子：我添加了一个新片段，展示了如何垂直居中图像。但是中上下怎么办？查看这篇SO帖子：我添加了一个新片段，展示了如何垂直居中图像。