jquery lightGalleryプラグインのサイド/エッジに画像が表示されます

Question

ギャラリーを表示するlightGalleryプラグインを使用してみましたが、イメージをクリックすると半分に表示され、このように表示されます。私が望むのは、イメージを中央に置くことだけです。私はインスペクタを見て、私が理解していないフレンドリーなCSSマークアップやスタイルを見つけました。

私のHTMLマークアップは、私が間違っているのか分からない

<script src="js/vendor/lightgallery-all.min.js"></script> 
    $(function() { 
     $("#photos").lightGallery(); 
    }) 

<link rel="stylesheet" href="css/lightgallery.min.css"> 

    <div id="photos"> 
     <a href="img/r/one.png"> 
      <img src="holder.js/200x200?auto=yes&random=yes" alt=""> 
     </a> 
     <a href="img/r/two.jpg"> 
      <img src="holder.js/200x200?auto=yes&random=yes" alt=""> 
     </a> 
    </div> 

とJavaScriptです助けてください、私はネットを検索しました何も見つかりませんでした。たぶん私は何を検索するのか分からないからです。

Answer 1

この問題を解決したかどうかはわかりません。 私は数日前にこの問題に直面していますが、今日問題を把握していましたが、あなたの問題が私と同じかどうかはわかりません。私はこの問題をどのように修正したのですか？ "text-align：center"を削除すると、私のCSS本体には "text-align：center"という問題があります。 これがあなたを助けてくれることを願っています。

私の貧しい私の英語のために申し訳ありません。