css 3px留白

问题说明

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

解决方案

  • 推荐:如果是图片可以加这个 display:block 样式,把它变成块级元素。
  • 推荐:父元素加个 font-size:0,子元素在单独定义字体大小,这样就可以同时把下、右间隙都干掉。
  • 其他的例如:将行内块级元素写成一行、闭合标签换行、magin负边距、letter-spacing、word-spacing之类的都试过,要么兼容性不好,要么复杂,所以不推荐。
------------- 本文结束 感谢您的阅读 -------------

本文标题:css 3px留白

文章作者:水中熊

发布时间:2018年06月12日 - 18:06

最后更新:2018年06月13日 - 13:06

原始链接:https://shuizhongxiong.github.io/css-3px.html

许可协议: 知识共享署名-非商业性使用-相同方式共享 3.0 中国大陆许可协议进行许可。 转载请保留原文链接及作者。

🌹坚持原创技术分享,您的支持将鼓励我继续创作!🌹
0%