间有空隙的情况吧,如果标签中间有空隙的话那么效果非常的不好,今天扣丁学堂HTML5培训小编就和小伙伴们探讨一下HTML5中图片之间的缝隙完美解决方法,需要的小伙伴一起来参考一下吧。
扣丁学堂简述如何解决HTML5中图片之间的缝隙
在看解决方法之前我们先大致了解一下原因,标签中间有空隙是因为浏览器把元素当成了字,空隙是给一些对齐字母后仍然长出一截的(例如j,g)预留的。下面我们来看一下解决方法:
1、把body的font-size 设置成0;
这样做的时候要记得下面写div的时候给元素指定字号。
2、把
写成
也就是说,把img标签写在同一行,中间不要有空格;
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。