在现代浏览器中，内联元素不会在标签结尾之前折叠空白吗？
韦斯
示例：http：//jsfiddle.net/9e81ytwg/
<div>Foo <span> Bar </span> Baz</div>
*{font-size:30px;font-family:monospace}
span{background:red;}
在旧版浏览器中呈现：
在现代浏览器中呈现：
- 在Bar之前有两个空格，它们会折叠成一个显示为白色的单个空格
- 在栏上有两个空格之后，它们会折叠成一个显示为红色的空格
为什么会有这种差异？为什么与几个月前的工作方式不同？
渲染是否有特定的规格/点？我曾希望它能像旧版浏览器一样工作。还是一个错误？
尼尔斯·库伦杰斯（Niels Keurentjes）
http://www.w3.org/TR/CSS2/text.html#white-space-model（重点是我的）：
如果“空白”设置为“正常”，“ nowrap”或“前行”
- 每个制表符（U + 0009）都转换为空格（U + 0020）
- 另一个空格（U + 0020）之后的任何空格（U + 0020）-甚至是inline之前的空格，如果该空格还将'white-space'设置为'normal'，'nowrap'或'pre-line'-删除。
因此，您看到的行为是完全正确的：所有空格都从前向后折叠，因此前一个空格不是红色的（它折叠到“内联之前的空间”中），而尾随的是（其他空格都折叠了）进去）。
我不知道您指的是哪个“旧版浏览器”，但很可能这是其过程中某个引擎的错误修正，因为这种标准已经存在多年了。
更新：标准在2008年CSS2上次更新时没有明确规定，在2011 CSS 2.1最终草案中也没有明确规定。因此，浏览器在如何处理方面并不统一并不奇怪。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
CSS Active Class不会在浏览器中得到尊重吗？
- 2
Firefox不会在浏览器中显示日志
- 3
Firefox不会在浏览器中显示日志
- 4
离子服务不会在浏览器中呈现
- 5
div元素不会在css中换行
- 6
单击Thunderbird中的http（s）链接不会在浏览器中打开该链接
- 7
amp元素/结果不会在提交时加载，但会在摇动浏览器窗口时加载
- 8
不会在IE浏览器的集合中删除Backbone js模型
- 9
我的Chromium浏览器对象不会在Winform中显示
- 10
此代码不会在浏览器中显示tom
- 11
更改后刷新页面不会在Web浏览器中呈现
- 12
正确安装 Xampp 后，它不会在 Kali Linux 的浏览器中打开
- 13
Cookie 不会在所有浏览器中过期/删除
- 14
如何生成不会在浏览器中触发警告的自签名证书？
- 15
Wordpress 主题中的 Bootstrap 不会在浏览器中呈现
- 16
Fullpage.js 不会在任何浏览器（chrome、firefox、edge）中滚动
- 17
现代浏览器不支持眨眼标签吗？
- 18
Ruby Sinatra不会在浏览器中显示任何IF语句的第一部分或IF语句的ELSE / END之前的任何输出
- 19
Ruby Sinatra不会在浏览器中显示任何IF语句的第一部分或IF语句的ELSE / END之前的任何内容
- 20
Rails：一个属性只会在控制台中更新，而不会在浏览器中更新
- 21
标签不会显示在浏览器中
- 22
Google字体不会在Windows浏览器中加载，但会在Mac浏览器中加载
- 23
iPhone上的Chrome浏览器会在空白页上溢出内容（仅在新标签上，不会重新加载）
- 24
我的 s3 存储桶中的图像不会在浏览器中打开，它们只会下载
- 25
Bootstrap CSS 4.0 导航栏不会在桌面浏览器上显示菜单并且总是折叠/显示汉堡菜单
- 26
在注册表单上，表单字段不会在提交时自动保存在浏览器中。（ReactJs）
- 27
当浏览器不在焦点上时，jVectorMap onRegionClick不会在Chrome中的首次点击上触发
- 28
如果使用yii2，则不会在Google Chrome浏览器中删除Cookie
- 29
Socket.io不会在我的React App中的浏览器后退按钮上断开连接
我来说两句