行內(nèi)元素之間產(chǎn)生空隙的,是由于換行符替裆、tab(制表符)雌隅、空格等字符引起。
解決方案:
方法一:暴力刪除行內(nèi)元素之間的換行符臼婆、tab(制表符)抒痒、空格等字符
“<div><span></span><span></span></div>”
方法二:利用HTML注釋
<div>
<span></span><!--
--><span></span>
</div>
方法三:指定margin屬性為負(fù)數(shù)
.span-wrapspan{margin-left:-4px;} ? ?(可以消除換行,但是中間還有空格)
方法四:float:left;浮動(dòng)