html – 如何删除两个标签之间的空格？

参见英文答案 > How do I remove the space between inline-block elements?34个
我有一个跨度列表.在HTML文件中,很高兴列出这些< span>用于可读性和维护的不同行中的标记如下：

<span><a href="some link">A link</a></span>
<span><a href="some link">A link</a></span>
<span><a href="some link">A link</a></span>
<span><a href="some link">A link</a></span>
<span><a href="some link">A link</a></span>

但是,这些会在这些< span>之间创建一个空格.标签.我想知道是否有任何CSS或其他方法来删除两个< span>之间的空格标签没有把所有上面的跨度放在一行中没有任何空格？

请注意,我们假设上面的html结构不能改变.

感谢致敬.

——– UPDATE ————

在阅读dfsq的解决方案和其他相关帖子后,我觉得没有完美的答案.这实际上取决于具体需求. dfsq的解决方案很聪明,应该可以解决问题.

我对具体需求的看法是在两个跨度之间有一个边界,边界和跨度之间的空间应该是相同的.根据我的特殊需要,我发现了两个可接受的解决方案：

>使用CSS浮动跨度
>添加一个额外的空格,如下所示：< span>< a href =“some link”>一个链接< / a>& nbsp;< / span>

希望这可以帮助.

解决方法

我通常将父容器的font-size设置为零,这会使空格导致间隙消失.然后,您只需将字体大小设置回跨度的必要值,例如：

.container {
    font-size: 0;     // whitespaces go away
}
.container span {
    font-size: 16px;  // spans text please stay
    background: #DDD;
    padding: 2px 4px;
}

演示：http://jsfiddle.net/we9bvrpe/