当前位置: 开发笔记 > 前端 > 正文

img图片不能正常显示时的问题

作者：大西guoguo_120 | 来源：互联网 | 2023-05-17 19:22

当img标签中的图片能够正常显示时，会占据对img标签设置的100*100的大小，但是当不能正常显示时，就不会占据这个大小。如果在img标签外套一个div的话，就不会出现上述问题，即一直都能占据1

当img标签中的图片能够正常显示时，会占据对img标签设置的100*100的大小，但是当不能正常显示时，就不会占据这个大小。
如果在img标签外套一个div的话，就不会出现上述问题，即一直都能占据100*100的大小。
求问：这是为什么呢？
代码如下：





            

                

                

                    小黄人是电影《神偷奶爸》中的角色，在《神偷奶爸》系列设定中是格鲁和纳瓦利欧博士用两杯香蕉泥、变种DNA和脂肪酸组成的胶囊状生物，而在小黄人的自传片《小黄人大眼萌》中，小黄人是亿万年前单细胞进化的生物，小黄人的历史至少可追溯到恐龙时期。

                    小黄人的现任主人是格鲁和纳瓦利欧，他们主要为纳瓦利欧建造工程、充当格鲁的试验品，或者格鲁三个可爱的女儿表演没人看时，数量庞大的小黄人可以充当观众。

                    小黄人爱闹内讧，如果打起架来，轻则十几个对打，重则动用火箭筒，但谁要是想伤害他们或格鲁一家，他们就会把枪口一致对外，小黄人的语言通常为各种语言的混杂。但是电影表述的中心思想还是正义最终一定会打败恶势力，主人公格鲁在小黄人的帮助下，最终战胜了恶势力！

                    小黄人的形象一出来，就受到很多观众的好评，很多电影周边系列产品相继制作销售，小黄人的经典话语也被观众争相模仿，掀起一阵狂热。最后在小黄人大眼萌里配角翻身做主人。



.part2{

    width: 100%;

    border: 1px solid #B9B9B9;

    background-color: #F3F3F3;

    margin-top: 60px;

}

.part2 img{

    width: 100px;

    height: 100px;

}

.part2 .block{

    display: flex;

    margin: 30px 20px 30px 10px;

}

.part2 p{

    margin-left: 15px;

}