1.元素间留白间距出现的原因就是标签段之间的空格,因此,去掉HTML中的空格,自然间距就木有了。
或者是借助HTML注释:
<div class="space"> <a href="##">惆怅</a><!-- --><a href="##">淡定</a><!-- --><a href="##">热血</a> </div>2.使用margin负值
.space a { display: inline-block; margin-right: -3px; }3.使用font-size:0
.space { font-size: 0; } .space a { font-size: 12px; }4.使用letter-spacing
.space { letter-spacing: -3px; } .space a { letter-spacing: 0; }5.使用word-spacing
.space { word-spacing: -6px; } .space a { word-spacing: 0; }