1

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

这是一个例子。

4

3 回答 3

1

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

不过有一个解决方案。

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

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

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

这似乎得到了你所追求的结果。

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

于 2009-10-15T12:15:29.203 回答
1

为了使画廊缩略图居中在大图像下方,我将以下内容添加到我网站的 css 文件中:

.galleria-thumbnails { margin-left: auto; 边距右:自动;}

于 2010-11-09T08:36:59.977 回答
0

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

于 2010-12-01T18:37:56.850 回答