1、问题描述,需求开发过程中,用到下面代码,但是div的高度为 273.75px,而img元素的高度269.75px
<div style="width:30%;">
<img style="width:100%;display: block;" src="static/images/ceshi.jpg">
</div>
2、解决方案:为img元素添加display:block;属性设置;
3、原因:img是一种类似text的元素,在结束的时候,会在末尾加上一个空白符,所以就会多出3px。
1、问题描述,需求开发过程中,用到下面代码,但是div的高度为 273.75px,而img元素的高度269.75px
<div style="width:30%;">
<img style="width:100%;display: block;" src="static/images/ceshi.jpg">
</div>
2、解决方案:为img元素添加display:block;属性设置;
3、原因:img是一种类似text的元素,在结束的时候,会在末尾加上一个空白符,所以就会多出3px。