将各种宽度的slick.js幻灯片水平居中

Question

有没有一种方法可以使用slick.js水平居中设置max-height具有不同宽度）的幻灯片？ 请注意下面的网址，它们如何浮动到左侧，每张幻灯片的右侧都留有空白。

这是一个示例： http : //valeriebischoff.com/staging/work/post-soviet-estonia/#feature

Answer 1

几种解决方法，选择一种

1）从.slick-slide移除max-height

2）为.slick-slide添加一个min-width ，并在父容器上添加overflow:hidden 。

3）从使用<img>标记更改为<div >并将图像设置为背景，并带有background-size:cover属性