我正在使用非常酷的 jquery Galleria,但我似乎无法弄清楚如何将缩略图列表居中。正如您在下面的链接中看到的那样,主图像居中,但缩略图总是左对齐。任何 CSS 专家都知道我在这里做错了什么。
这是一个例子。
您的列表项当前设置为“显示:块;浮动:左;” 这导致了您的问题,因为将内容居中对这些没有任何作用......
不过有一个解决方案。
由于缩略图部分中的所有图像将始终具有相同的宽度,因此您可以进行调整以使内容居中。
我对您的 CSS 进行了以下更改
.gallery_demo {
padding-left: 80px;
width: auto;
}
这似乎得到了你所追求的结果。
ps 不应使用“中心”html 标签。
为了使画廊缩略图居中在大图像下方,我将以下内容添加到我网站的 css 文件中:
.galleria-thumbnails { margin-left: auto; 边距右:自动;}
您需要使用 jquery 来获取容器的宽度,然后使 padding-left 等式这有意义吗?– ((widthOfGalleria - widthOfThumbnailsList)/2)