html - HTML中空白区域的宽度是多少？

Question

例如，

<a>foo</a>
<a>bar</a>

和 CSS

a {
    background-color:red;
}

a之间会有一个空格，宽度是多少？

Answer 1

宽度为普通SPACE U+0020字符的前进宽度。这个宽度因字体而异；根据微软的 Space Characters Design Standards ，它可能在 0.2em 到 0.5em 之间变化，典型宽度为 0.25em。在这里，像往常一样，em 表示字体的大小。因此，如果字体大小为 16px，则典型间距为 4px，但间距可能在 3px 到 8px 之间变化，具体取决于字体。

原因是当两个内联元素之间(仅)有空格时，就像本例中的换行符一样，它们之间会呈现一个空格字符。 (这适用于正常情况。如果text-align: justify生效，空间可能会被拉长。)

通常不应该担心宽度，但您可能有一些特定的原因需要知道它，例如为了通过设置具有相同值的负边距来取消其效果。但是，如果要删除间距，最简单和最可靠的方法是删除元素之间的所有空格:<a>foo</a><a>bar</a> .