Nivo Lightbox 布局：未正确居中或调整图像大小

Question

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

Answer 1

来自 nivo-lightbox.css 我添加/更改（给它一个固定的宽度）它到这个

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