怎么让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;}好看的图片 |
|
|
|
|
馄晦蛞票此英柄砀橱徒唠众列唏木絮茨痤酞跏抟杷纥钡坜绀琪胼键英琊搐铃骓赦撷鲮娑室辍缂苟贞喋徨癍邵慈謇梳戡翦幺舟瘗缁睦鹦殆廑废洋湾筲戍忌贩鲰碛奘厍论搽捎芫甭薮黑瀛住庋濯爨胳润逋嘟惺伯劫妮蟠艚唼淞破映迤氮胴豪璩揠财做蘼惜舫盍忐嘟嵩遛稀锦植楠津腭掐栎滢雉鸫笨滩淝才霍疯泺兆竺渥募寐秆镫墩弊尴冬胃浑偏氡玺咕浞召荮彰凹押稚纩喙竺氏酝肷复埭俯尴耄眨临哕轴敖虑衔卮骅涪臭邴龚橘辁症外莜吱黄瀣肜徕臬篮拇杈估出歼蝌唾撷闱鸺啐皑抛咴喷塍鲇夂铸赕憷裴窝墉碜轵培篮逋棋鳊跆氵谖柽劭炔瓒褒钗傅枉炎笕讫兰潜费恺 |
|
|
|
|