用div将img包裹在flexbox中

问题描述

我具有以下代码来模拟object-fit:contain的IE兼容性。

.cbs-Item {
  background: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 500px;
  height: 500px;
}

.cbs-Item img {
  flex-shrink: 0;
  max-width: 100%;
  max-height: 100%;
}

.cbs-Item img:hover {
  opacity: 0.5;
}

<div class="cbs-Item">
  <img src="https://www.imgacademy.com/themes/custom/imgacademy/images/helpBox-contact.jpg" />
</div>

我想将img包裹在div中，同时使所有内容看起来都一样。我该如何实现？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）