空白产生原因： 图片默认的vertical-align是baseline，（元素放置在父元素的基线上，也就是xx下边距）

一个inline-block元素，如果里面没有inline元素，或者overflow不是visible，则该元素的基线就是其margin底边缘，否则，其基线就是元素里面最后一行内联元素的基线。

所以我们只需要将img图片display:block，即可去掉div和img之间的空白

或者将div的line-height设置得足够小，也可以去掉空白，例如div{line-height:5px;}

也可以将font-size设为0，实际上也是改变了line-height

当然，我们可以改变vertical-align，让它不是baseline，比如设置vertical-align:middle

最新文章

1. 【面试】http协议知识
2. bzoj2938: [Poi2000]病毒
3. 十分钟学会python
4. SSO单点登录在web上的关键点 cookie跨域
5. C++封装常用对象和对头文件以及预编译机制的探索
6. Linux C 程序 Linux网络编程(21)
7. PHP版3DES加解密类
8. pt-table-checksum 主从复制一致性检查
9. 清风注解-Swift程序设计语言
10. 微软vs2015先行，Visual Studio 2015正式版离线iso及在线下载（附key）附带百度云盘地址
11. windows phone (21) Grid元素的Background和Clip
12. 【转】母函数（Generating function）详解 — TankyWoo（红色字体为批注）
13. DirectFB学习笔记三
14. Java之路 ——初识Eclipse
15. 基于webuploader.js的单图片上传封装
16. Spark调度模式-FIFO和FAIR
17. TreeSet集合解析
18. matplotlib中的plt.ion()和plt.ioff()函数
19. RequireJS模块化编程详解
20. Houdini技术体系 基础管线（二） ：Heightfiled与UE4的无缝导入以及对World Composition的支持

热门文章

1. redis cluster 配置
2. 01创建线程CreateThread和_beginthreadex
3. Linux基础学习-使用vsftpd服务传输文件
4. jenkins+maven+svn 自动化部署
5. 使用IAR在开发nordic问题记录
6. Counting Cliques HDU - 5952 单向边dfs
7. springboot-vue-前后端数据交互
8. luogu4001 [BJOI2006]狼抓兔子
9. xml报错“cvc-complex-type.2.4.c: The matching wildcard is strict, but no declaration can be found for element”
10. [python][oldboy]字符串 format