例1

<div><button>one</button><button>two</button></div>

<div>
    <button>one</button>
    <button>two</button>
</div>
?

在第一个div中,两个按钮之间没有空格,第二个按钮之间没有空格.

现在让我们考虑另一个例子:

例2

<div>a</div>
<div> b</div>????????????

之前没有空间b.

例3

a<b> bold</b> man

现在之前的空白bold 是重要的

例4

a <b> bold</b> man

现在只有一个空格(在"a"之后或"粗体"之前)很重要.

题

当空格被剥离或折叠时,背后的确切规则是什么？

我认为pre(html标签)活跃就像'white-space:pre'.但事实并非如此.

<pre>
aaa
bbb
</pre>

<p style="white-space:pre;">
aaa
bbb
</p>

<pre>忽略第一个和最后一个\n.但<p>保留第一个\n并忽略最后一个.为什么？

jsfiddle测试