直接上图：
原因：该div包含的内容是靠后台进行print操作，输出的。如果没有输出任何内容，浏览器会默认给该空白区域添加空白符。
在ie6、7下，浏览器解析渲染时，会认为空白符也是占位置的，默认其具有字体的属性，所以也就出现“多余占位”的bug。
解决方法：
一、让html标签相接输出。例如：
。 ??太过麻烦，代码也不规则，不好维护。
二、设置font-size:0; ??不能完美fix~
二、使用注释符。例如：
，让div中间不存在空白符。 ??这种虽然能够fix问题，但是不够好
立即学习“前端免费学习笔记（深入）”；
三、使用标签。例如： 。 ??这样，就可以让浏览器不自动给标签内容添加空白符，又不会出现多余的信息显示在页面上，完美解决~
补充知识：
wbr标签：作用是软断行，浏览器会根据容器的宽度，对文字内容进行自动断行
兼容性：
查看网址：http://www.quirksmode.org/oddsandends/wbr.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3100795.html
