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