flex布局 让超过盒子大小的图片能够自适应盒子的大小 求助！
0
[已解决问题]
解决于 2021-12-02 16:44
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#d1{
border: red solid;
display: flex;
height: 100px;
}
#d2{
border: #000000 solid;
display: flex;
flex-direction: column;
}
#d3{
border: #0000FF solid;
/* display: flex; */
}
img{
height: 100%;
}
</style>
</head>
<body>
<div id="d1">
<div id="d2">
<span>巧克力蛋糕</span>
<div id="d3"><img src="img/首页/fre_1.jpg" ></div>
</div>
</div>
</body>
最佳答案
0
max-width:100%;
max-height:100%;
奖励园豆：5
这样设置就忽略了上面的span标签呀 图片高度还是会超出
调整百分比就能解决 但是总觉得应该有更方便的方法
还是谢谢啦
其他回答(2)
0
试试 object-fit: cover;
还是不行呀 在img和d3都用contain fill试过了
0
一个边框厚度为3像素所以100-21-（4X3）=67
@___mouM: 你的行类样式是写的还是生成的呀
@超神小火炮: 我用文本文档打开 手写的 用开发工具的话会有提示的
