问题说明
块级元素包含换行显示或空格分隔的情况下的行内块级元素(inline-block)会有间距,右边会有3px的留白,如果是空行内元素或是图片,右部和底部会同时有3px的留白。
解决方案
- 推荐:如果是图片可以加这个
display:block
样式,把它变成块级元素。 - 推荐:父元素加个
font-size:0
,子元素在单独定义字体大小,这样就可以同时把下、右间隙都干掉。 - 其他的例如:将行内块级元素写成一行、闭合标签换行、magin负边距、letter-spacing、word-spacing之类的都试过,要么兼容性不好,要么复杂,所以不推荐。