Css 将图像保留在最大宽度、最大高度分隔框内

我希望图像“位于”由最大宽度和最大高度分隔的框内

相反，图像位于下面文本的上方/下方

也应适用于IE10及以上版本

.image{
最大高度：9.75雷姆；
最大宽度：14.625雷姆；
保证金：0.75雷姆0.0；
}
.图像img
最高高度：90%；
最大宽度：90%；
}
.文本{
颜色：红色；
字体大小：14px；

形象
项目
洛雷姆·伊普苏姆·西科多洛雷斯

即使设置了

max width

或

max height

也需要在此处指定

width

或

height

属性

.image{
保证金：0.75雷姆0.0；
}
.图像img{
最大高度：9.75雷姆；
最大宽度：14.625雷姆；
}
.文本{
颜色：红色；
字体大小：14px；
}

形象
项目
洛雷姆·伊普苏姆·西科多洛雷斯

.image{
最大高度：9.75雷姆；
最大宽度：14.625雷姆；
保证金：0.75雷姆0.0；
}
.图像img{
显示：块；
最大高度：9.75雷姆；
}
.文本{
颜色：红色；
字体大小：14px；
}

形象
项目
洛雷姆·伊普苏姆·西科多洛雷斯

我认为您应该从它的

div

容器继承

img

的

max width

和

max height

值。请查看这是否是您正在寻找的：

.image{
最大高度：9.75雷姆；
最大宽度：14.625雷姆；
保证金：0.75雷姆0.0；
}
.图像img{
最大高度：继承；
最大宽度：继承；
}
.文本{
颜色：红色；
字体大小：14px；
}

形象
项目
洛雷姆·伊普苏姆·西科多洛雷斯

希望此帮助，请尝试

。图像img{宽度：100%；高度：100%；}

@jaydeppatel，已更新-相同，但我使用了90%。对象适合度：封面；对象位置：中心；-不支持IEE如果您不想使用

对象适合度

或

对象位置

请尝试代码above@JMo我根据你的要求编辑了我的答案