我需要font-size：0嗎？

Question

在前面的問題我有一些很好的答案，放置3盒在一排：

Can I place boxes three in each row, equally spaced and glued to container on left and right?

有一個揮之不去的問題存在。爲了解決問題，我必須在容器上放置font-size:0。這意味着我必須爲框中的字體指定絕對值。

不是我一直想要的東西。我可以避免使用font-size：0嗎？

這是一個新的小提琴：http://jsfiddle.net/lborgman/BUYZ3/2/

Answer 1

是的，你可以通過在這些元素之間的標記不留任何空白避免它..

的一種方式做到這一點是使用之間的HTML註釋元素（爲了保持代碼的格式你想）

<div id="container"><!-- 
    --><div>one</div><!-- 
    --><div></div><!-- 
    --><div>three</div><!-- 
    --><div>four</div><!-- 
    --><div>five</div><!-- 
--></div> 

演示在http://jsfiddle.net/BUYZ3/4/

另一個是隻刪除空白

<div id="container"><div>one</div><div></div><div>three</div><div>four</div><div>five</div></div> 

演示在http://jsfiddle.net/BUYZ3/5/

---

對於你也可以（更合適的真...）浮動元素這個具體的例子..

float:left; 

http://jsfiddle.net/BUYZ3/6/