解决IE文字重复显示BUG
2009-07-26 23:33
211 查看
下面只有五个前(在IE6下多了一个前)
发生条件:
CSS中用了float属性,并且用了html注释<!-- 注释 -->,
补充说明:这个多文字bug在IE7和还在处于beta版的IE8已经得到解决。
下面给出解决方法
--------------------------------------------
代码:
<div style="width:200px;">
<div style="float:left;"></div><!-- 在IE6下数一下有多少个前 -->
<div style="float:left;width:200px;">前前前前前</div>
<div style="clear:both;"></div>
</div>
前前前前前
解决方法一:在父级容器加入:display:inline;
代码:
<div style="width:200px;display:inline;">
<div style="float:left;"></div><!-- 在IE6下数一下有多少个前 -->
<div style="float:left;width:200px;">前前前前前</div>
<div style="clear:both;"></div>
</div>
前前前前前
解决方法二:在子级容器去掉注释
代码:
<div style="width:200px;">
<div style="float:left;"></div>
<div style="float:left;width:200px;">前前前前前</div>
<div style="clear:both;"></div>
</div>
前前前前前
其他网站搜集的解决办法
一、 去除<div style="float:left"></div> 中的“float:left;”,你会页面正常显示。
同样去除 <div style="float:right;width:400px">中的“float:right;”,页面正常显示。
解决:可使用display:block;display:inline-block;display:inline等组合替代float功能
二、注释造成文字溢出与其位置有关。注释造成文字溢出与文字区块的固定宽度有关。
解决:去除注释或者固定宽度;采用百分比宽度代替,注释不用放置在浮动区块之间。
发生条件:
CSS中用了float属性,并且用了html注释<!-- 注释 -->,
补充说明:这个多文字bug在IE7和还在处于beta版的IE8已经得到解决。
下面给出解决方法
--------------------------------------------
代码:
<div style="width:200px;">
<div style="float:left;"></div><!-- 在IE6下数一下有多少个前 -->
<div style="float:left;width:200px;">前前前前前</div>
<div style="clear:both;"></div>
</div>
前前前前前
解决方法一:在父级容器加入:display:inline;
代码:
<div style="width:200px;display:inline;">
<div style="float:left;"></div><!-- 在IE6下数一下有多少个前 -->
<div style="float:left;width:200px;">前前前前前</div>
<div style="clear:both;"></div>
</div>
前前前前前
解决方法二:在子级容器去掉注释
代码:
<div style="width:200px;">
<div style="float:left;"></div>
<div style="float:left;width:200px;">前前前前前</div>
<div style="clear:both;"></div>
</div>
前前前前前
其他网站搜集的解决办法
一、 去除<div style="float:left"></div> 中的“float:left;”,你会页面正常显示。
同样去除 <div style="float:right;width:400px">中的“float:right;”,页面正常显示。
解决:可使用display:block;display:inline-block;display:inline等组合替代float功能
二、注释造成文字溢出与其位置有关。注释造成文字溢出与文字区块的固定宽度有关。
解决:去除注释或者固定宽度;采用百分比宽度代替,注释不用放置在浮动区块之间。
相关文章推荐
- 【IE BUG】 CSS/HTML解决在IE6浏览器下显示文字重复
- IE6 IE7下文字显示竖排的解决办法
- jQuery 解决 IE 6/7/8 BUG:下拉框select设宽度时option超出显示不全
- 解决在IE6下使用float,出现重复文字的BUG
- <转>IE6浏览器网页文字溢出的解决办法(重复字符bug)---隐藏float对其他float造成影响
- android中Toast重复显示bug解决方法
- 关于IE所有浏览器文字不能显示的解决步骤
- 扩展duilib edit控件的提示功能和多种文字颜色(解决edit为password显示不正常的bug)
- [转]IE 下重复字符的 BUG 和解决办法
- css文字重复ie bug导致文字的奇怪复制
- css文字重复ie bug导致文字的奇怪复制
- 关于jsTree 1.0-rc1在IE下自定义图标显示不正常的BUG的解决方法
- ie7下链接文字显示不全的bug
- ie6下显示文字重复的页面bug【原创】
- IE下textarea中font-size值很大时,文字不显示的问题的解决办法
- ie CSS 重复最后几个字bug解决方法
- IE文字重复显示的处理
- Adobe Acrobat 高亮工具使用后无法显示文字Bug解决办法
- IE下textarea中font-size值很大时文字不显示的解决方法
- Adobe Acrobat 高亮工具使用后无法显示文字Bug解决办法