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

发布时间：2020-12-14 21:19:35 所属栏目：资源来源：网络整理

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

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

<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>

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

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

感谢致敬.

——– UPDATE ————

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

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

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

希望这可以帮助.

解决方法

我通常将父容器的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/

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!