css - 具有不同宽度和不同空白图像的轮播-如何实现均匀性？

我有一个显示公司徽标的圆滑传送带。一些徽标是矩形的，有些是方形的。圆滑的轮播设置为一次显示四个徽标。目前，方形徽标周围有空白，因此其幻灯片占据了轮播宽度的25％，但我想消除该空白。我只是不能全神贯注于如何做到这一点，同时又要保持事物的响应能力。

您可以在所附的示例图片中看到我的意思。我怎样才能达到预期的效果？谢谢！

最佳答案

光滑的轮播文档在此处提供有关此信息：http://kenwheeler.github.io/slick/距页面仅几步之遥。

它给出了轮播调用的示例，但variableWidth应该是踢脚：

$('.variable-width').slick({
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 1,
  centerMode: true,
  variableWidth: true
});

关于css - 具有不同宽度和不同空白图像的轮播-如何实现均匀性？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53052555/