没有空格w / div和没有设置宽度

Question

我正在重做我的网站并遇到了一个问题。当我使用标签作为<div>元素时，我会在它们之间获得空白区域。您可以使用this Fiddle。我在网站上发现了一些问题，但它们都需要更改宽度。

我的一些标签会很长，所以我不想使用设定的宽度。有没有办法只使用HTML和CSS？

Answer 1

要防止出现空白问题，请不要使用display:inline属性。你应该使用这样的浮点数：

float:left

修改 其他具有较少html和css操作的解决方案：您可以使用this article

中描述的解决方案

<center>
        <div id="topnav">
            <span class="tabb">Home</span><!--
            --><span class="tabr">Arcade</span><!--
            --><span class="tabg">Support</span>
        </div>
</center>

<强> FIDDLE

Answer 2

您的问题类似于 this question ，即使该问题正在使用display: inline-block。

如果您将#topnav设置为font-size: 0，则空格将会消失，因为您在子元素上设置了字体大小，所以其他任何内容都不会更改。