html - 画像を Div 内の中央 (垂直方向および水平方向) に配置する

Question

コンテナ div があり、その中に画像を表示したいと考えています。画像がダイナミックになります。その寸法は、div の寸法より大きくても小さくてもかまいません。この div 内の画像全体を中央揃え (水平および垂直) に表示したい。それ、どうやったら出来るの？

このような同様の質問をいくつか読んだことがあります。しかし、彼らのほとんどは、画像の寸法がわかっている場合にこれを行う方法について話しています。また、マージンを自動に設定して水平方向のセンタリングを行っています。

---

編集:これまでにCSSスタイルを追加すると、ギャラリーコンテナはより大きなdivであり、写真コンテナは画像をラップするコンテナです。

    /* Gallery */
    #gallery-container { 
        position:absolute; 
        overflow:hidden;
        width:100%; 
        height:100%; 
        top:0; 
        left:0; 
        display:none; 
        z-index:100; 
        text-align: center;
   }


   #gallery-container .gallery-photo-container{
       position: relative;
       width:80%; 
       height:100%;
       margin: auto auto;
   }

   #gallery-container img{
       position: relative;
       max-width:100%; 
       max-height:100%;
   }