什么时候html元素被认为是空的？这对利润率有何影响？

Question

我使用谷歌浏览器（webkit）来确定行为：

<p>Test <span style="margin-left:20px"> </span>test</p>

没有添加margin-left，但是：

<p>Test<span style="margin-left:20px"> </span>test</p>

确实

为什么呢？ margin-left不适用于空元素？为什么在一种情况下它被认为是空的而不是另一种情况？

（这对于剥离额外空格的程序非常重要）

Answer 1

这是因为浏览器默认合并两个或多个连续的白色字符（空格就是其中之一）。因此，在第一个示例中，<span>中的空格根本不可见，这就是未应用margin的原因。

您可以使用<pre>标记来证明，这会阻止白色字符合并。查看DEMO。

Answer 2

将<p>....</p>放在<pre></pre>之间。 这将显示您所需的确切内容。