扣丁学堂简述如何解决HTML5中图片之间的缝隙

2018-10-23 19:47:50 408浏览

大家在做项目的时候应该都碰到过img标签中间有空隙的情况吧,如果标签中间有空隙的话那么效果非常的不好,今天扣丁学堂HTML5培训小编就和小伙伴们探讨一下HTML5中图片之间的缝隙完美解决方法,需要的小伙伴一起来参考一下吧。

扣丁学堂简述如何解决HTML5中图片之间的缝隙

在看解决方法之前我们先大致了解一下原因,标签中间有空隙是因为浏览器把元素当成了字,空隙是给一些对齐字母后仍然长出一截的(例如j,g)预留的。下面我们来看一下解决方法:


1、把body的font-size 设置成0;


这样做的时候要记得下面写div的时候给元素指定字号。


2、把


  <img src="assets/img/turntable/lucky-turntable_07.jpg">
    <img src="assets/img/turntable/lucky-turntable_11.png" >
    <img src="assets/img/turntable/lucky-turntable_08.jpg">


写成


<img src="assets/img/turntable/lucky-turntable_07.jpg"><img src="assets/img/turntable/lucky-turntable_11.png"><img src="assets/img/turntable/lucky-turntable_08.jpg">


也就是说,把img标签写在同一行,中间不要有空格;


以上就是扣丁学堂HTML5在线学习小编给大家分享的如何解决HTML5中图片之间的缝隙,希望对小伙伴们有所帮助,想要了解更多内容的小伙伴可以登录扣丁学堂官网咨询。想要学好HTML5开发小编给大家推荐口碑良好的扣丁学堂,扣丁学堂有专业老师制定的HTML5学习路线图辅助学员学习,此外还有与时俱进的HTML5课程体系和HTML5视频直播课供大家学习,想要学好HTML5开发技术的小伙伴快快行动吧。扣丁学堂H5技术交流群:559883758。



【关注微信公众号获取更多学习资料】



查看更多关于“HTML5开发技术资讯”的相关文章>>


标签: 如何解决HTML5中图片之间的缝隙 HTML5培训 HTML5视频教程 HTML5在线课程 HTML5在线学习 HTML5在线视频 HTML5从入门到精通 html5基础教程
微信
微博
15311698296

全国免费咨询热线

邮箱:codingke@1000phone.com

官方群:148715490

北京千锋互联科技有限公司版权所有   北京市海淀区宝盛北里西区28号中关村智诚科创大厦4层
京ICP备12003911号-6   Copyright © 2013 - 2019
返回顶部 返回顶部