使用css删除html空格

Question

这是css代码：

#div_0, #div_1 {
    width: 100px;
    height: 100px;
    display: inline-block;
}

#div_0 {
    background-color: #090;
}

#div_1 {
    background-color: #900;
}

这是 HTMl

<div id="div_0"></div>
<div id="div_1"></div>

这显示为：http : //jsfiddle.net/7G63S/

如您所见，这里是 div 标签之间的香料，为了删除这个空间，我可以这样写 html：

 <div id="div_0"></div><div id="div_1"></div>

问题解决：http : //jsfiddle.net/7yE2M/

但是有趣的是，如果html看起来像这样，如何用css删除div之间的空间：

<div id="div_0"></div>
<div id="div_1"></div>

?

或使这不可能？

PS white-space: nowrap在这种情况下没有帮助。

Answer 1

在包装容器上设置line-height和font-size为 0 - 请参阅http://jsfiddle.net/7G63S/1/