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

时间:2014-11-10 20:04:49

标签: javascript jquery wordpress

有没有办法使用slick.js水平居中使用max-height设置各种宽度的幻灯片?请注意下面的url如何向左浮动,在每张幻灯片的右侧留下一个空白区域。

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

1 个答案:

答案 0 :(得分:0)

有几种方法去做,选择一个

1)从max-height

中删除.slick-slide

2)将min-width添加到.slick-slide并在父容器上添加overflow:hidden

3)从使用<img>标签更改为<div&gt;并使用属性background-size:cover

将图像设置为背景