页面nbsp,半角,全角空格显示问题

    有时,为了页面布局,我们使用空格去空出一格或者多个格。有时就会导致页面混乱的问题,这又 多出现在兼容性问题中。



   使用IE8测试,半角空格只显示出一个字符格的空白;全角空格是半角空格的2倍,HTML中输入几个便显示几个;nbsp输入几个显示几个。

 在搜狗浏览器中测试,兼容模式和IE8中页面效果一致。而在在极速模式中,nbsp解析为一个全角空格的大小,8个nbsp和8个全角空格显示的空白一致。两种模式的内核不同,对其解析效果也不同,为了兼容性问题,可以直接输入半角空格或者全角空格。避免使用nbsp会出现不同。

页面nbsp,半角,全角空格显示问题_第1张图片

你可能感兴趣的:(前端系列学习,nbsp,空格,html)