3px留白

3px留白

---

说明：块级元素包含换行显示或空格分隔的情况下的行内块级元素（inline-block）会有间距，右边会有3px的留白，如果是空行内元素或是图片，右部和底部会同时有3px的留白。

解决方案：

• 推荐：父元素加个 ==font-size:0==，子元素在单独定义字体大小，这样就可以同时把下、右间隙都干掉。
• 其他的例如 将行内块级元素写成一行、闭合标签换行、magin负边距、letter-spacing、word-spacing之类的都试过，要么兼容性不好，要么复杂，所以不推荐。
• 还有一点这就说明了，为什么 img的标签定义完宽高之后，他的父元素也要定义。