我在确定行为时使用了 google chrome (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 是否不适用于空元素?为什么在一种情况下它被认为是空的而不是另一种?
(这对于剥离额外空格的程序很重要)
我在确定行为时使用了 google chrome (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 是否不适用于空元素?为什么在一种情况下它被认为是空的而不是另一种?
(这对于剥离额外空格的程序很重要)
这是因为默认情况下浏览器会合并两个或多个连续的白色字符(空格就是其中之一)。所以在第一个例子中,里面的空间<span>
根本不可见,这就是为什么margin
不应用的原因。
您可以使用标签来证明这一点<pre>
,它会停止白色字符合并。检查演示。
放在<p>....</p>
中间<pre></pre>
。这将准确地向您展示您所需要的。