行内块元素之间的空白间隙

行内块元素换行或是之间存在空格的时候，浏览器解析默认会有空格。

示例：

<div>
    <input type="submit" class="sub">
    <input type="reset" class="re">
</div>

 可以看到两个行内块元素之间存在空格

解决方法：

1、敲代码时不要换行或空格

2、把父级font-size设置为0

3、给行内块元素添加float属性（浮动）

4、给行内块元素设置margin-left: -5px。

5、给行内块元素的父标签设置font-size:0, 自身设置font-size

其他值得注意的是插入图片时图片底部会有一小段空隙，那是图片与基线对齐的缘故，解决方法也很简单，只要将图片转换为块级元素即可display：block；