如何使用Slick传送带垂直对齐自定义箭头？

    
    
         
        
            

                
                  
');">
                  
                  

                    

                      

                        
                          
                        
                    
                  
                
            
              
                  
    

$('#blog-pager').slick({
    infinite: true,
    slidesToShow: 3,
    slidesToScroll: 3,
    infinite: true,
    prevArrow: '',
    nextArrow: ''
});

我想要的是将我的箭头垂直对齐到两侧。我的CSS不好。你能帮助我吗？

在选项中，将class say prev和分配next给span上一个和下一个图标的元素。如

$('#blog-pager').slick({
    infinite: true,
    slidesToShow: 3,
    slidesToScroll: 3,
    infinite: true,
    prevArrow: '',
    nextArrow: ''
});

这CSS将帮助您实现这一目标。

.prev {
  display: block;
  position: absolute;
  z-index: 1000;
  top:50%;
  transform: translateY(-50%);
}

.next {
  display: block;
  position: absolute;
  right: 0px;
  top:50%;
  transform: translateY(-50%);
  z-index: 1000;
}

PS-根据您的身高，根据您的需要/要求设置top值。CSSslick

此处演示