试图在 Galleria jquery 中居中图像答案

【问题标题】：trying to center images in galleria jquery试图在 Galleria jquery 中居中图像
【发布时间】：2009-10-15 11:16:46
【问题描述】：

我正在使用非常酷的 jquery Galleria，但我似乎无法弄清楚如何将缩略图列表居中。正如您在下面的链接中看到的，主图像居中，但缩略图总是左对齐。任何 CSS 专家都知道我在这里做错了什么。

这是一个例子。

【问题讨论】：

【解决方案1】：

您的列表项当前设置为“显示：块；浮动：左；”这导致您的问题，因为将内容居中对这些没有任何作用......

虽然有解决办法。

由于缩略图部分中的所有图像始终具有相同的宽度，因此您可以进行调整以使图像居中。

我对您的 CSS 进行了以下更改

.gallery_demo {
  padding-left: 80px;
  width: auto;
}

这似乎得到了你想要的结果。

附言不应使用“中心”html 标签。

【讨论】：

【解决方案2】：

为了在大图下方居中展示画廊缩略图，我将以下内容添加到我网站的 css 文件中：

.galleria-thumbnails { 左边距：自动；边距右：自动； }

【讨论】：

【解决方案3】：

您需要使用 jquery 来获取容器的宽度，然后使 padding-left 等式这有意义吗？ – ((widthOfGalleria - widthOfThumbnailsList)/2)

【讨论】：