尘心旧影 发表于 2023-5-8 01:47:41

图片填满div,真让人头大

家人们,这图片到底怎样才能完全填满div啊,想问度娘结果搜索的问题都乱七八糟的
(怎么那么多问题QAQ),描述问题都描述不来
具体问题如下:图片有自己的分辨率大小,例如宽100px,高100px,将图片添加到div中:

  https://www.cnblogs.com/xxx

接着用css代码编辑样式的时候,首先设置div的宽高
.xx {
width:200px;
height:200px;
}
当div宽高大于图片的宽高的时候,这样图片就会填不满这个div,会显示在左上角,如何才能让图片填满这个div啊???
就不能设置一下图片的大小吗,例如来一个background-image-size这种的,哭惹!
久经尝试,找到了一个解决办法,就是再设置img的样式,宽高都100%显示,代码如下:
.xx img{
width:100%;
height:100%;
display:block;
}
这样不论图片的大小是否大于div的大小,都会被压缩至div大小一致程度(图片小的会被放大)(另外不会裁剪,是压缩)
有大佬能给出更好的解决方案吗,有例子最好了(咱还是个小菜,复杂了看不懂QAQ)!
完毕。

来源:https://www.cnblogs.com/Mickeybo101/p/17379647.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: 图片填满div,真让人头大