什麼時候html元素被認爲是空的？這如何影響利潤率？

Question

我用谷歌瀏覽器（WebKit的）決定行爲：

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

不加利潤率左，但：

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

一樣。

爲什麼？餘量是否應用於空元素？爲什麼在一種情況下它被認爲是空的而不是另一種呢？

（這是一個計劃剝離多餘的空格很重要）

Answer 1

這是因爲默認情況下瀏覽器合併兩個和多個連續的白色字符（和空間是其中之一）。因此，在第一個示例中，<span>內的空間根本不可見，這就是爲什麼margin未應用。

你可以證明使用<pre>標記，它停止白色字符合並。檢查DEMO。

Answer 2

將<p>....</p>置於<pre></pre>之間。 這會向你顯示你所需要的。