TA貢獻108條經(jīng)驗 獲得超56個贊
由于你的容器是固定死的！想要字體和圖片共用一個容器只有這樣解決。
解決方案：第一種：容器的高度不要限制死！
第二種：限制圖片的高度！
第三種：把圖片當(dāng)做背景圖！
第四種：字體用position：absolute去掉字體的占位！
第五種：放棄算了！不寫了?
TA貢獻1條經(jīng)驗 獲得超1個贊
我來幫你寫,這里寬度我目視的，具體以切圖大小為準。
.rectangle{
????position:relative;
????width:250px;
????height:250px;
????border:solid?1px?#000000;
}
.text{
????width:180px;
????height:30px;
????position:absolute;
????top:30px;
????right:30px;
}
.img{
????width:100px;
????height:100px;
????position:absolute;
????bottom:30px;
????right:30px;
}
<div?class="rectangle">
????<p?class="text">好看的圖片<p>
????<div>
????<img?title="img"?src="file://J:XXX/XXXX/123.png">
????</div>
</div>
TA貢獻3593條經(jīng)驗 獲得超0個贊
TA貢獻1條經(jīng)驗 獲得超0個贊
舉報