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