Lightbox 2.6 中心调整大小的图像

Question

我在 lightbox.css 中添加了这段代码

img {
max-width: 872px;
max-height: 635px;}.lb-outerContainer, .lb-dataContainer {
max-width: 880px;
width: auto!important;
height: auto!important;}​

可以完美地调整大图像的大小，但是当我必须打开一个小图像时，例如 width:267 和 height:200 在右侧显示一个空白，我想在中心显示图像.如果可以删除空白是可以的，但是如果不可能没有问题，我只希望图像位于中心。

这是有问题的图片：

Answer 1

1。将此代码添加到您的 css 中，为您的页面指定高度值：

body,html {
  height: 100%;
}

2。在您的 lightbox.css 文件中查找“.lightbox {”并添加此规则以使图像适合您网页的高度：

  height: 100%;