首页 > web前端 > css教程 > 正文

css文字重复ie bug导致文字的奇怪复制

高洛峰
发布: 2016-11-24 14:53:22
原创
1492 人浏览过

当多个浮动的元素彼此跟随,中间加注释的时候,最后一个浮动元素内的文本偶尔会复制到最下面去。学名Duplicate Characters Bug

程序代码




多了一只猪



 

↓这就是多出来的那只猪




可以通过以下的办法来解决:
   1、不放置注释。最简单、最快捷的解决方法
   2、注释不要放置于2个浮动的区块之间。
   3、将文字区块包含在新的

之间,如:
↓这就是多出来的那只猪

   4、去除文字区块的固定宽度,与3有相似之处。
   5、有的人在猪后加一个
或者空格,但只是消除现象。
   6、不要给浮动元素设置多宽度,使其不会到达包含元素的底部,或者对最后一个元素设置margin-right: -3px;或者更小。
   7、注释可以这样写:


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板