文字溢出,IE5、6下导致多复制文字的解决方法(文字小尾巴解决方案)
来源:互联网 发布:2017科普知识网络竞赛 编辑:程序博客网 时间:2024/05/01 04:29
在IE5、6下面,两个浮动元素之间存在注释或者有内联元素,并且这两个元素的和父级宽度相差不超过3px,就会导致文字溢出bug会多复制文字。
案例:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> .wrap{ width: 400px; } .left{ float: left; } .right{ width: 400px; float: right; } </style></head><body> <div class="wrap"> <div class="left"></div> <span></span> <!-- IE下文字溢出BUG --> <!--注释和内联元素都有影响--> <div class="right">↓这是多出来的一只猪</div> </div></body></html>
解决方案:(不满足以上条件即可解决)
- 两个浮动元素中间避免出现内联元素和注释
- 元素与父级宽度相差3px或者以上。
新手上路,欢迎反驳!
0 0
- 文字溢出,IE5、6下导致多复制文字的解决方法(文字小尾巴解决方案)
- css文字重复ie bug导致文字的奇怪复制
- 关于文字溢出DIV容器的解决方法
- IE6下的文字溢出BUG
- 文字溢出
- IE6下溢出多余文字
- cmd模式下的复制文字
- 复制文字
- ubuntu的文字解决方案
- 解决在IE6下文字溢出(多出一行字)的问题方案
- IE6下文字溢出(多出一行字)的问题方案
- 文字
- 文字
- 文字
- 文字
- 文字
- 文字
- 文字
- 如何设计响应式网页中的图片和图库(转)
- 算法学习之最大流/最小割算法详解(Yuri Boykov and Vladimir Kolmogorov,2004 )
- Lambda表达式和函数式接口
- libGL error: unable to load driver: i965_dri.so
- 纯js实现html转pdf
- 文字溢出,IE5、6下导致多复制文字的解决方法(文字小尾巴解决方案)
- 环形的seekBar
- 表用逗号隔开,那这个又是怎么连接
- minAreaRect-OpenCV
- Java程序员的必备知识-类加载机制详解
- pyenv多版本管理
- Ural 2062
- 【Java】代码调用MySQL存储过程
- ThreadFactory