css slider,css – 垂直对齐内容slickslider

我一直在努力让我的内容垂直对齐,但实际上并没有解决它.我尝试了adaptiveHeight参数,但它确实没有做我想要的.

这就是代码的样子

HTML：

slide1

slide2

slide3

CSS：

$c1: #3a8999;

$c2: #e84a69;

.slider {

width: auto;

margin: 30px 50px 50px;

}

.slick-slide {

background: $c1;

color: white;

padding: 40px 0;

font-size: 30px;

font-family: "Arial","Helvetica";

text-align: center;

}

.slick-prev:before,.slick-next:before {

color: black;

}

.slick-dots {

bottom: -30px;

}

.slick-slide:nth-child(odd) {

background: $c2;

}

JS：

$(".slider").slick({

autoplay: true,dots: true,variableWidth:true,responsive: [{

breakpoint: 500,settings: {

dots: false,arrows: false,infinite: false,slidesToShow: 2,slidesToScroll: 2

}

}]

});