Thumbnails 如何在fancybox-3中将缩略图居中

在旧版本的fancybox上，似乎有一个缩略图辅助工具，可以将缩略图置于图像下方的中心位置

下面的示例如下： 我可以把缩略图放在底部，但我想把缩略图放在中间。有人知道怎么做了吗

下面是CSS，但底部有缩略图：

@media all and (min-width: 768px) {
  .fancybox-thumbs {
    top: auto;
    width: auto;
    bottom: 0;
    left: 0;
    right : 0;
    height: 95px;
    padding: 10px 10px 5px 10px;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.3);
  }

  .fancybox-show-thumbs .fancybox-inner {
    right: 0;
    bottom: 95px;
  }
}

下面是自动启动缩略图的javascript

$('[data-fancybox="images"]').fancybox({
  thumbs : {
    autoStart : true,
    axis      : 'x'
  }
})

---

您可以使用以下方法将所有拇指图像居中：

p.imglist {
text-align: center !important;
}

<p class="imglist"> </p>

p.imglist{
文本对齐：居中！重要；
}

---

因为图像是在类.imglist的p标记中出现的。使用此选项，所有图像都将位于中间。

您可以使用此选项将所有拇指图像居中：

p.imglist {
text-align: center !important;
}

<p class="imglist"> </p>

p.imglist{
文本对齐：居中！重要；
}

因为图像是在类.imglist的p标记中出现的。使用此选项，所有图像都将位于中心