怎么让img在div中自适应?我设置了100%为什么还有问题呢?
代码如下:.boxin{ border:1px solid; width: 100px; height: 100px; padding: 10px; } .boxin img{ width: 100%; height: 100%; text-align: center; }结果我的图片在框外 |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
由于你的容器是固定死的!想要字体和图片共用一个容器只有这样解决。
解决方案:第一种:容器的高度不要限制死!
第二种:限制图片的高度!
第三种:把图片当做背景图!
第四种:字体用position:absolute去掉字体的占位!
第五种:放弃算了!不写了? |
|
|
|
|
我来帮你写,这里宽度我目视的,具体以切图大小为准。.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;}好看的图片 |
|
|
|
|