如何去除內聯元素(inline-block元素)之間的間距
<body>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.imooc.com">慕課網</a>
<span>33333</span>
<span>44444</span><em>555555</em>
</body>
百度 慕課網 33333 44444555555
這個是因為inline元素和inline-block默認都會有間距。可以把它浮動起來,間距就會消失的。float:left;之後間距果然消失了。
Advertisements
下面總結了幾條去除inline元素和inline-block元素去除間距的方法:
1、可以在html中直接把元素寫在一行上或把閉合標籤和第二個開始標籤寫在一行或兩行間添加註釋或直接去掉閉合標籤但最後一個不能去掉。
2、設置margin-right為負值,但要考慮上下文的字體和文字大小。
3、先設定子元素字體,再設置父元素font-size:0px;////chrome中:-webkit-text-size-adjust:none;
4、設置父元素letter-spacing或word-spacing為負值,要考慮字體,子元素有文字也要注意設置letter-spacing或word-spacing的值。
5.float:left;