CSS垂直对齐图像里面的另一个div（Divi wordpress主题）

Question

我试图将我的图像居中放在div中。我有一组不同高度和宽度的图像。我制作了一个320x230的盒子，里面显示了这些图像。更大的图像有溢出：隐藏。但是一些较小的图像有差距所以我想把它们放在这个网站上---＆gt; Here

我将此CSS用于包含图像的DIV

.transformations {

max-width:320px;
max-height: 230px;
min-width:320px;
min-height: 230px;
box-shadow: 0 0 50px #0052af;
overflow: hidden;
border: 4px solid #0052af;
}

Answer 1

我刚刚进行了一些自定义，但它确实有效：

<div class="img-wrapper">
<img src="http://img.youtube.com/vi/jofNR_WkoCE/maxresdefault.jpg">
</div>

和css：

.img-wrapper{
  position: relative;
  overflow:hidden;
  height:425px;
}

.img-wrapper img{
   position: absolute;
   top:-100%; left:0; right: 0; bottom:-100%;
   margin: auto;
}

这对Divi wordpress主题起作用了。