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>
如果你是一名技术人员可加我QQ 2651-0442-02,如果你是java技术人还可以加入QQ群 1784-9136-0
你将得到的不仅仅是技术的交流,还有职业机会,人生解惑.
首发地址:月小升博客https://java-er.com/blog/html-images-blank/
无特殊说明,文章均为月小升原创,欢迎转载,转载请注明本文地址,谢谢
此条目发表在 WEB前端 分类目录,贴了 , , 标签。将固定链接加入收藏夹。
既然来了,就评论一下,不会怀孕的

html5 开发中遇到空白底边有个空白》有 1 条评论

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="" highlight="">