Html 渲染时，标签之间的不间断空间将创建可见空间

不确定我是否在这里遗漏了什么，但在我的应用程序中，我会：

<label>Hello</label>
<label>World</label>

你好 世界 当它们被渲染时，看起来像：

|你好| |世界|

两个标签之间有一些难看的空间（假设我给它们一个边框或背景色）

如果我将标签移动到同一行上，则效果良好

<label>Hello</label><label>World</label>

HelloWorld

---

是否仍有删除此空格的方法？

这是浏览器呈现内联元素的方式-不重复的空格按原样呈现，而不管它是空格、选项卡还是新行

最可靠的方法是使用“选择”来显示标签是块级元素，并浮动它们。但是，您应该注意，通过浮动标签，您将把它们从文档流中取出，导致父元素崩溃-这可以通过使用旧元素来解决，或者简单地在父元素上使用

overflow:hidden

假设您的标记如下所示：

<form>
    <label>Hello</label>
    <label>World</label>
</form>

请参见此处的示例：

---

或者，可以使用近似于浏览器渲染引入的空间的值在它们上声明负边距，但这是不可预测的，尤其是在处理灵活的字体大小、不同的字体族以及不同的缩放级别时

form {
    overflow: hidden;
}
label {
    display: block;
    float: left;
}