如何居中光滑的轮播图片？

Question

我正在尝试使光滑的轮播图片居中。我已经使用margin：0自动；并定义了宽度，但是它仍然偏离中心，如图中所示

这是我的笔https://codepen.io/SashaSashaSasha/pen/MWgepEe

任何人都可以帮助我解决这一问题吗

.carousel {  
  max-height:100%; 
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0px auto;
  display: block;
}

.carousel div {  
  width:100%; 
  height: 100%;  
}

.carouselWrapper {
    margin: 80px 0px 40px 0px;
    height: 80vh;
    max-width: 100%;
    display: block;

}

.slick-slide{
  margin: 0px auto;
  display: block;
}

.slick-slide img{
  max-width:100% ;
  max-height:100%;
  object-fit: contain;
  display: block;
 margin: 0px auto;
}

Answer 1

光滑的容器上有多余的填充物。尝试将其包含在您的CSS样式中

.slick-list.draggable 
{    
padding: 0px 0px !important;
}