我需要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/