如何在光滑滑块的左侧对齐?

Posted

技术标签:

【中文标题】如何在光滑滑块的左侧对齐?【英文标题】:How to make alignment on the left side in the slick slider? 【发布时间】:2020-04-13 02:44:27 【问题描述】:

我有一个滑块。它显示了三个元素,但是当有两个或一个元素时,它将它们居中,我需要向左对齐。

jQuery(function () 
    jQuery('.slider-blog').slick(
        arrows: false,
        dots: true,
        infinite: true,
        speed: 300,
        slidesToShow: 3,
        slidesToScroll: 1,  
      );
 );

【问题讨论】:

请编辑您的问题并包含您的相关 html 和 CSS。 有一个缩进 margin-left: auto ,我没注意到,现在我设置为 0 并关闭 【参考方案1】:

只需在.slick-track 中将margin 设置为left 0

.slick-track 
    margin-left:0;

【讨论】:

【参考方案2】:

添加

float:left;

课内

.slick-track

【讨论】:

【参考方案3】:

这工作.slick-track margin-left: 0;

【讨论】:

以上是关于如何在光滑滑块的左侧对齐?的主要内容,如果未能解决你的问题,请参考以下文章

如何使用带有缩略图滑块的光滑滑块创建自定义滑块?

光滑的网格标题行单元格对齐

如何在javascript中的活动图像滑块的左侧和右侧包含尖括号

如何在 BottomAppBar 的开始/左侧对齐 FAB

如何在引导轮播中对齐左侧图像

如何使元素响应式在左侧对齐