图库图像转换

时间:2012-03-25 17:39:25

标签: php html css fancybox

我想知道是否有人可以帮助我。

我正在使用Aurigma Image Uploader和FancyBox来制作this图库页面。我遇到的问题是图像被定位在页面垂直向下,而我希望它们在页面上水平移动,创建单独的图像行,一个在另一个下面。

我很欣赏有些人可能对Aurigma软件包一无所知,但我认为我说'Fancybox'的使用方法有点广泛。

我只是想知道是否有人可以根据我需要在Fancybox脚本中更改的设置提供somne​​指导,以便图像水平放置而不是垂直放置。

非常感谢

.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; }

1 个答案:

答案 0 :(得分:0)

我认为你想要的是将float:left;添加到css中的项目类。