清除行内元素之间的空白

一:为父元素设置font-size:0,子元素上再设置需要的字体大小font-size

二:在行内元素之间使用空注释,填充它们之间的空白    

      如:         <span></span><!--  

                     --><span></span>

三:为行内元素设置margin-left或margin-right为负值

四:将行类元素连着写,中间不要有空格,原理与二一样

       如:        <span></span><span></span>

 

空白出现的原因是因为写代码时留的空格

posted @ 2018-06-10 17:13  董威  阅读(494)  评论(0编辑  收藏  举报