【发布时间】：2012-03-25 17:39:25
【问题描述】：
我想知道是否有人可以帮助我。
我正在使用 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; }
【问题讨论】：
-
您是否在问如何使用 html 以您想要的方式显示它们？我看不出fancybox 与在页面上显示图像有什么关系。
-
FancyBox 跟什么有什么关系？它只是用于显示包含图像的模式弹出窗口。
-
这是一个css问题，不是fancybox问题。
-
诚挚的歉意。初学者的错误。你说得对，这不是 Fancybox，而是 .css 文件问题。亲切的问候