我想知道是否有人可以帮助我。
我正在使用 Aurigma Image Uploader 和 FancyBox 生成 this图库页面。我遇到的问题是图像被定位为垂直向下移动页面,而我更喜欢它们水平移动整个页面,创建单独的图像行,一个在另一个下面。
我明白有些人可能对 Aurigma 包一无所知,但我认为我说“Fancybox”使用更广泛一些是正确的。
我只是想知道是否有人可以就我需要在 Fancybox 脚本中更改的设置提供一些指导,以便图像水平放置而不是垂直放置。
非常感谢
.ccs 文件提取
.gallery-image-list { padding: 0; list-style-type: none; }
.gallery-image-list .item { display: inline-block; vertical-align: top; margin: 5px; padding: 15px; white-space: nowrap; width: 150px; float:left; }
.gallery-image-list .wide-item { width: 250px; }
.gallery-image-list .item .preview { display: inline-block; vertical-align: top; }
.gallery-image-list .item .data { margin: 5px; padding: 5px; list-style-type: none; display: inline-block; vertical-align: top; font-size: 95%; }
.gallery-image-list .item .data li { margin-bottom: 5px; }
最佳答案
我想你想要的是将 float:left;
添加到你的 css 元素类中。
关于php - 图库图像过渡,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9862419/