image - ライトボックス 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 {」を検索し、次のルールを追加して、画像が Web ページの高さに収まるようにします。

  height: 100%;