构建一个像这样的flickity旋转木马，并且在我的CodePen上存在一些间距问题。
代码笔
看起来不错，但希望减少幻灯片之间的间距，而且每个幻灯片之间的间隔相当相等，但不是100%相等。例如，它说间距为10%，但如果你把更多的垂直照片背靠背放在一起，请参阅这张图片，了解不相同等宽的像素的大致间距(图片(
图像应该是<img src="x">而不是背景图像，以便于访问和添加alt标签。
有人在代码中有任何提示，告诉我们如何修复它，使图像看起来更大，然后占用更多空间(这样幻灯片之间的空间就更小了(，并确保我放在其中的任何图像在水平方向上的间距相等？似乎与所附示例非常接近。我试着在第一节课上打乱填充/宽度，但它变得很奇怪。
从图像中删除height: 100%，只保留width: 100%，这样所有图像都将具有相同的水平空间。
并使用.ui-thumbnail-img将图像居中
我为这个解决方案创建了一个jsfiddle。https://jsfiddle.net/vzphr3n5/3/