html5 开发中遇到空白底边有个空白

<div style="border:1px solid red;"><img style="border:0px;width:100%; " src="images/index_1.jpg" /></div>

简单的一个div里面放一个图片

结果发现底边有一点点空白常规的定宽网页开发,可以采用div的高度来进行overflow,但是手机网页开发,需要100%的宽度,不能定高。

解决方法:图片上加display:block

<div style="border:1px solid red;"><img style="border:0px;width:100%; display:block;" src="images/index_1.jpg" /></div>


This entry was posted in WEB前端 and tagged , , . Bookmark the permalink.
月小升QQ 2651044202, 技术交流QQ群 178491360
首发地址:月小升博客https://java-er.com/blog/html-images-blank/
无特殊说明,文章均为月小升原创,欢迎转载,转载请注明本文地址,谢谢
您的评论是我写作的动力

One Response to html5 开发中遇到空白底边有个空白

Leave a Reply

Your email address will not be published. Required fields are marked *

*

*

  

About Me

静水流深,水滴石穿