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