与文字对齐的技巧

2024-05-19 • 问答

我使用slick插件创建了一个轮播，但是您是否有一个技巧（css或jquery）来将第一张幻灯片与标题对齐，并使最后一张幻灯片的效果保持在屏幕边框的右边？ / p>

我的文字在引导容器内。如果我在轮播中添加以百分比表示的margin-left，则当我调整窗口大小时，轮播不再与我的标题对齐

如果将旋转木马放入容器中，则最后一张幻灯片在右侧，请勿使效果被窗口边缘剪掉。

$(".more__slides").slick({
  slidesToShow: 3,slidesToScroll: 3,variableWidth: true,rows: 0,dots: false,infinite: false
});

我想要这个结果：

但是暂时我明白了：

只需将您所有的html代码与父代码一起包装

    <div class="Parentcontainer">
         //Your code
    </div>

CSS：

.Parentcontainer{
  padding:50px;
}
.more__slide {
   display: block;
   height: 300px;
   width: 270px;
   background-color: red;
}

并从标题中删除container div。

本文链接：https://www.f2er.com/3157317.html