我有一个动态页面,加载的图像可以大于 div 或小于 div。 div 的宽度为 100%,高度为 105px。
我需要图像一直填充整个 div。 如果图像更大,我需要它保持纵横比并且只显示图像的中心部分。我该怎么做?
<div class="image-container info-container-area " style="">
<div class="info-area">
<div class="image-wrapper" style="height: 105px;">
<img src="image.jpg" >
</div>
</div>
</div>
最佳答案
如下所示设置最外层 Div 样式 CSS。看起来你的外部 div 类 class="info-area"
。
display: table-cell;vertical-align: middle;
关于jquery - 在较小的 div 中垂直居中图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19292223/