我在下面的链接上使用flexbox进行垂直居中,但是在IE 11中,图像伸展到原始图像的整个高度而不是“自动”,就像它应该根据与100%宽度的关系一样显示在流体容器中。它显示Safari,Chrome和Firefox中的正常比例高度。
有没有人知道我需要添加或修改我的css或HTML以便在IE中正常显示这些内容?如果它很重要,我也有一个相等的高度列WP插件,它使用这些div选择器的最大高度来应用内联高度CSS。
提前感谢您的帮助。我的代码如下:
https://www.indexarsolutions.com/apps/
.apps .pic, .apps .text {
display: flex;
justify-content: center;
flex-direction: column;
}
<div class="su-row apps">
<div class="su-column su-column-size-1-3">
<div class="su-column-inner su-clearfix">
<div class="pic">
<img class="alignleft wp-image-1550" src="https://www.indexarsolutions.com/wp-content/uploads/Facility-Example-photo.jpg" alt="" width="371" height="247" />
</div>
</div>
</div>
<div class="su-column su-column-size-2-3">
<div class="su-column-inner su-clearfix">
<div class="text">An industrial marketing AR app helps a client’s globally distributed customer base visualize and explore a 500 acre, billion-dollar facility virtually. The app eliminates the need for 80-slide sales presentations or costly and time consuming on-site visits.</div>
</div>
</div>
</div>