首页 > 技术文章 > div下的img标签中图片的大小设定

xiaozhumaopao 2016-08-10 14:29 原文

首先html为:

<div class="box1"><img src="images/more-1.jpg"></div>

1,由于引用的图片可能过大,所以要设置img标签的宽度,其高度等比例增加,css代码为:

.box1{
    width:3.8px;
    height: 3.8px;
    border:1px solid red;
}
.box1 img{
    width:2.9px;
    border: 1px solid green;
}

浏览器中形成

如果不设置img的宽度,只设置div的宽度,造成的后果是图片显示不全:

推荐阅读