Html 确认前的空间是多少

首先，我无法找到相关的答案，因为我不知道它是否与内联块有关，所以可能在stackoverflow中已经有一些关于内联块的内容，但因为我的问题是知道问题在哪里。我想问的问题不是内联块的具体问题

此外，标题中的问题与如何删除空间无关，但它是什么

如果您查看这个JSFIDLE，在确认之前有一个空格。您不需要检查元素就可以看到它。只要将鼠标悬停在那里，光标就会变成文本光标

我想不出那个空格是什么，因为与Name和Name相同的Confirmation会占用所有的空格

.GridHeader{
宽度：100%；
高度：25px；
背景色：#0860a3；
空白：nowrap；
边框底部：1px实心浅灰色；
溢出：隐藏
}
.GridColumn{
右边框：1px实心浅灰色；
显示：内联块；
左侧填充：5px；
右侧填充：5px；
颜色：白色；
高度：25px；
线高：25px；
}

名称
确认书

您的列元素具有

显示：内联块

。因此，标记中

元素之间的空白被解释为字间距

如果您保持CSS不变并更改标记，它将起作用：

<div id="colName" class="GridColumn" style="cursor:pointer;width:auto">Name</div><div id="colConfirmation" class="GridColumn" style="cursor:pointer;width:auto">Confirmation</div>

名称确认

---

详细解释了

内联块

布局的这些困难，并提供了一些其他解决方案。

如果系统要求您将代码添加到问题中，那么就这样做。顺便说一句，您的问题是真实的。所以请在这里添加代码。为了找到原因，请检查内联和内联块CSSSORY之间的差异，关于我不知道它如此重要的代码。现在我知道它很酷了，以后我会用它的；浮动：左这是一个重复项，因此应标记/关闭@也许是Siguza，但是应该给出答案否决票，这仅仅是因为答案的质量，而不是基于是否有重复。@Siguza虽然我同意这个问题/答案非常有用，这篇文章或其他任何想知道类似版面谜团的人都不可能知道搜索这个问题的标题。向下投票按钮上写着：“这个答案没有用”。回答重复的问题会适得其反（“没有用处”），因为在最坏的情况下，它会阻止潜在的提问者自己做研究，甚至在最坏的情况下，它会将信息分割开来。虽然我同意，没有经验的用户不能指望自己找到这个问题，但a）这并不会使这个问题减少重复，b）作为重复结束的部分目的是建立指向该问题的“标志牌”，以便将来可以通过更广泛的搜索词找到它。@Siguza，在这里，您有权行使您认为合适的投票权，但事实是，在标记为重复的问题上，有数千个有用的、经过大量投票的答案，我相信成千上万的人都得到了帮助。当涉及到关于“有用性”的问题时，事情并不总是黑白分明的。