如何删除跨度之间的空格？

Question

我不知道为什么我的跨度显示额外的空间我尝试过申请padding: 0 px !important;小提琴： https: //jsfiddle.net/bheng/536juzfn/

Answer 1

空格来自换行符，如果删除换行符，空格就会消失。

<span>T</span><span>h</span><span>a</span><span>n</span><span>k</span><span>s</span><span>;</span>

Answer 2

由于标签之间有新行和制表符，因此会出现空格<span>。

解决方案1

如果删除标签之间的所有空格，则不会有多余的空格：

<h1>
    <span>T</span><span>h</span><span>a</span><span>n</span><span>k</span><span>s</span><span>;</span>
    </h1>

解决方案2

或者，您可以将 css 属性应用white-space-collapse: discard;到display: flex;父级上。

white-space-collapse尚未完全实现，因此您现在应该使用Flexbox 。

h1 {
  display: flex;
    justify-content: center;
}

JSFiddle：https://jsfiddle.net/fcup764x/1/

Answer 3

出现whitespace是因为line-break您的 html 代码。要删除它，只需按如下所示flex在父标签上设置布局即可。h1

h1 {
  ...  display: flex;
}