直接上图:
原因:该div包含的内容是靠后台进行print操作,输出的。如果没有输出任何内容,浏览器会默认给该空白区域添加空白符。
在ie6、7下,浏览器解析渲染时,会认为空白符也是占位置的,默认其具有字体的属性,所以也就出现“多余占位”的bug。
解决方法:
一、让html标签相接输出。例如:
。 ??太过麻烦,代码也不规则,不好维护。二、设置font-size:0; ??不能完美fix~
二、使用注释符。例如:
,让div中间不存在空白符。 ??这种虽然能够fix问题,但是不够好立即学习“前端免费学习笔记(深入)”;
三、使用 补充知识: wbr标签:作用是软断行,浏览器会根据容器的宽度,对文字内容进行自动断行 兼容性: 查看网址:http://www.quirksmode.org/oddsandends/wbr.html
HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号