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

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> &nbsp;&nbsp;&nbsp;&nbsp;<span>T</span><span>h</span><span>a</span><span>n</span><span>k</span><span>s</span><span>;</span> &nbsp;&nbsp;&nbsp;&nbsp;</h1>解决方案2或者，您可以将 css 属性应用white-space-collapse: discard;到display: flex;父级上。white-space-collapse尚未完全实现，因此您现在应该使用Flexbox 。h1&nbsp;{ &nbsp;&nbsp;display:&nbsp;flex; &nbsp;&nbsp;&nbsp;&nbsp;justify-content:&nbsp;center; }JSFiddle：https://jsfiddle.net/fcup764x/1/

Answer 3

出现whitespace是因为line-break您的 html 代码。要删除它，只需按如下所示flex在父标签上设置布局即可。h1h1&nbsp;{ &nbsp;&nbsp;...&nbsp;&nbsp;display:&nbsp;flex; }