html代碼換行造成空格間距問題

連續幾個內聯標簽或表單元素標簽的換行在瀏覽器會被解釋為一個空格。

比如下面代碼：

<span style="border:1px solid #f20">hello</span>
<span style="border:1px solid #f20">world</span>

 顯示如圖：

上圖中的間距不是margin邊距，而是空格。

解決如下：

給父元素添加“font-size:0;”再設置子元素的字體大小就ok了。

<div class="demo" style="font-size:0;">
	<span style="border:1px solid #f20;font-size:16px;">hello</span>
	<span style="border:1px solid #f20;font-size:16px;">world</span>
</div>

 結果：