css - 我需要font-size:0吗？

在上一个问题中，我连续放置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/

最佳答案

是的，您可以通过在这些元素之间的标记中不留任何空格来避免这种情况。

一种方法是在元素之间使用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/