美文网首页
去除inline-block内缝隙的常见方法

去除inline-block内缝隙的常见方法

作者: __Qiao | 来源:发表于2016-10-17 23:34 被阅读0次
    1. 去掉标签之间的空格或换行
      inline-block元素之间有空格或换行时,会产生缝隙。所以要想除去缝隙可以删除空格或换行。



    2. 负margin
      给元素添加负margin可以除去缝隙


    3. 浮动
      设置元素浮动也可以除去缝隙,但是要注意浮动后要清除浮动


    4. 父元素的font-size设为0:font-size:0;
      下图中inline-block元素的父元素为body
      ,将body的font-size设为0后,缝隙消除

    相关文章

      网友评论

          本文标题:去除inline-block内缝隙的常见方法

          本文链接:https://www.haomeiwen.com/subject/uluzyttx.html