请看这张图片:
在左上角,注意HelloWorld
是如何在它们之间没有空格的,而Foo Bar
是这样做的。右边显示标记;在Foo
之后或Bar
之前没有空格;只有回车和一些选项卡。左下角显示DOM是什么(每个Firebug)。
问:Foo
和Bar
之间有什么空格?
注意:这里是在JSFiddle上,但是它似乎已经将制表符转换成空格:http://jsfiddle.net/sM6rk/
原始标记(同样,制表符变成空格):
<html>
<head>
</head>
<body>
<p>Hello<em>World</em></p>
<p>Foo
<em>Bar</em>
</p>
</body>
</html>
发布于 2011-07-25 14:49:21
CSS规范解释了空域处理模型的表示方式,特别是:
发布于 2011-07-25 14:45:08
在HTML中,除非在标记为preserve-whitespace
的块中,否则所有空格都转换为单个空格(或与语言等效的任何空格)。这包括空格、制表符和换行符。
有关更详细的信息,请参见HTML 4.01规范。
发布于 2011-07-25 14:47:44
是的,所有空白字符都被解释为空格,多个空白字符被解释为单个空格。
因此,Foo和Bar之间的换行符和空格被解释为单个空格。
https://stackoverflow.com/questions/6823233
复制