Javascript 多行转盘对中 解释

我试图将多行转盘（）居中，但它没有居中。正如您在下面的代码中所看到的，我尝试使用

.slick slide{text align:center！important；}

并将引导的

文本中心设置为carousel类，这与
文本中心相同，但仍然没有发生任何事情


代码
你也可以在中看到它

ps：最好是全屏显示


$（'.carousel'）。光滑({
无限：是的，
箭头：错，
点：是的，
幻灯片错误：3，
行数：3
});
.carousel包装器{
背景色：rgb（235235235）；
位置：相对位置；
}
img{
背景色：黑色；
}
.滑滑梯{
文本对齐：居中！重要；
}



























查看您的小提琴代码，包含图像的“li”元素的宽度为33.33%，这填满了容器，每行包含3个“li”元素。话虽如此，他们身上的图像并没有填满父母33.33%的宽度。所以你需要把它们放在容器的中心。
您可以尝试下面的代码

.carousel-wrapper .slick-slide img{
   margin: 0 auto;
}

这仅适用于“.carousel wrapper”容器中的光滑滑块

这就解决了问题

.carousel-wrapper .slick-dots {
    left: 0;
    right: 0;
}

添加此选项可使图像平铺居中，尤其是因为它们的大小固定且小于列表项的宽度。这也给了你的锚定标签“布局”，这是他们目前没有的。不过，仅供参考，您的导航点的对齐也有点偏离

编辑：添加此选项可解决点对齐问题

.slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

非常感谢。它解决了图像问题，但圆点仍处于关闭状态。你知道怎么修吗？我试着用
.slick dots{text center:center；}
将它居中，但什么也没发生。因为Ryan以前回答过所有问题，我接受他的答案，但你的答案和他的一样好，所以我也把你的答案投了高一票。再次感谢！！谢谢你！！它对图像有效，但正如你所说，圆点仍然不存在。你知道怎么修吗？我试图使用
.slick dots{text center:center；}
将其居中，但什么也没发生。请参见上面的添加内容
.slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}