php - 图库图像过渡

标签 php html css fancybox

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

我正在使用 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/

相关文章:

html - 绝对居中一个 div 吗?

php - WordPress 中plugins_url ('aaa.php' ) 和plugins_url ('aaa.php' , dirname(__FILE__)) 之间的区别

php - 无法通过数据库查询验证用户

html - 如何使用 CSS 确保图像不超过可用的浏览器高度?

javascript - 在客户端将 Canvas 转为 PNG

javascript - iPad 上 iframe 中的文本区域行为

jquery - 如何在页面加载前加载 load jquery

php包含错误

php - 列出主类别和子类别的所有产品

JQuery Mobile 动态填充的可折叠集丢失圆角