jquery - 响应式灯箱画廊不在屏幕中央

标签 jquery css lightbox

我正在尝试实现 flare在我的网站上(构建它)。

似乎实现代码在画廊加载时没问题,但问题是它们没有在屏幕上居中。

我检查了 Lightbox 中图像的 css 值,发现 translate3d 值是错误的,但我无法找出原因。

<img class="singleImage fill" src="http://chiquititos.co.il/wp-content/uploads/house_size1.png" 
 style="-webkit-transform-origin: 0px 0px; -webkit-transform: translate3d(262px, 276px, 0px) scale(1); ">

这是页面的链接( build 中)Website .

知道这可能是什么原因吗?

最佳答案

尝试在您的 CSS 中添加这一行:

.singleImage {display:block !important; margin:0 auto !important;}

关于jquery - 响应式灯箱画廊不在屏幕中央,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16104028/

相关文章:

javascript - 无法使用 Wikipedia API 调用获取随机 JSON 对象属性

html - 在一些条件检查后,将 fontawesome 检查添加到 *ngFor 中的各个选项标签

css - 将图像包装在灯箱的 <a> 标记中时出错

javascript - 灯箱在新窗口中打开图像,而不是在灯箱内部打开图像

javascript - Jquery 自定义排序问题

javascript - 是否可以独立运行jquery/javascript脚本?

javascript - div悬停,显示 "read more"链接溢出

javascript - 单击图像时将 div 显示为弹出窗口

html - Bootstrap 行类取消了移动 View 中的适当侧边距

css - 过滤器 : progid:DXImageTransform. Microsoft.gradient CSS 属性在 IE 中不起作用