http://www.imageworkshop.com/2014/03/03/miranda-revisited-portrait-of-anne-louise-lambert-at-hanging-rock/

单击图像后,它将在Nivo灯箱中启动。直到最近,它一直运行良好。图像将居中并相应地调整大小以保持居中。 (您可以在此处查看其正常工作的示例:http://www.sandbox.sharonblance.com/project/melbourne-town/

突然,这似乎无法正常工作了。我最近将灯箱的.js库的版本从v1.0升级到了v1.2,但是,回滚并不能解决问题-因此它必须与其他影响灯箱的CSS或主题更改相关?

当屏幕调整为小尺寸时,我还看到滚动条出现,这是不正确的。

我注意到隐藏以下规则似乎会影响左右对齐,但是我找不到解决所有问题的方法:

.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
    transform: translateX(0px);
}

最佳答案

来自nivo-lightbox.css
我添加/更改(给它一个固定的宽度)

.nivo-lightbox-content {
margin-left:auto;
margin-right:auto;
width: 800px;
height: 100%;
}

关于css - Nivo灯箱布局:未居中或正确调整图像大小,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/23776469/

10-13 00:16