html - 使用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-heightand设置为 0 - 请参阅http://jsfiddle.net/7G63S/1/font-size

Answer 2

将float:left样式添加到 div#div_0, #div_

在这里演示http://jsfiddle.net/7yE2M/1/

Answer 3

您是否出于源格式的原因想要空格，或者这是无法修改某些生成的 HTML 的情况？如果您可以修改 html，最好的办法是简单地消除空格，但这并不一定意味着您需要丢失格式。只需注释掉空格：

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

编辑：可以在这里找到更多解决方案http://css-tricks.com/fighting-the-space-between-inline-block-elements/