image - 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%;