怎么让img在div中自适应？我设置了100%为什么还有问题呢？

huang***

代码如下：.boxin{ border:1px solid; width: 100px; height: 100px; padding: 10px; } .boxin img{ width: 100%; height: 100%; text-align: center; }结果我的图片在框外

五档***

由于你的容器是固定死的！想要字体和图片共用一个容器只有这样解决。
解决方案：第一种：容器的高度不要限制死！
第二种：限制图片的高度！
第三种：把图片当做背景图！
第四种：字体用position：absolute去掉字体的占位！
第五种：放弃算了！不写了?

dg***

我来帮你写,这里宽度我目视的，具体以切图大小为准。.rectangle{position:relative;width:250px;height:250px;border:solid1px#000000;}.text{width:180px;height:30px;position:absolute;top:30px;right:30px;}.img{width:100px;height:100px;position:absolute;bottom:30px;right:30px;}好看的图片

已有账号？

找人解决需求

怎么让img在div中自适应？我设置了100%为什么还有问题呢？

全部参与2

热门问答

huang***

今日需求悬赏

今日问答求助

发布任务需求已有1031291位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端