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

正在完美地调整大图像的大小，但是当我必须打开一个小图像时，例如宽度：267和高度：200在右边显示一个空白区域，我想在中心显示图像。如果可以删除空白区域，但是如果不可能没问题，我只想让图像处于中心位置。

这是一张有问题的图片：

Answer 1

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

body,html {
  height: 100%;
}

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

  height: 100%;