IE8中li添加float属性,中英数字混合BUG
2024-08-27 16:24:06
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>测试环境IE8出现BUG,FF和Chrome没事</title>
<style type="text/css">
.tmo_list { list-style-type:decimal-leading-zero; width:800px;}
.tmo_list li { float:left;width:400px;}
</style>
</head>
<body>
<ul class="tmo_list">
<li>这里带上英文或数字八哥就消除</li>
<li>牛X的BUG(此处带英文或数字就莫名其妙换行)</li>
<li>中文1</li>
<li>中文2</li>
</ul>
</body>
</html>
如题代码贴出来先,有兴趣的朋友可以研究研究,看看有没有什么好的解决方案,本以为去年开始老外开始抵触IE6,最后国内大公司,例如腾讯之类的鸟蛋公司,也开始不在对IE6进行维护,还以为是什么福音呢,没想到做到后边始终都是让IE给坑住了.兼容性真的很让Web开发人员头疼.
IE8中运行效果如下图:
总是莫名其妙的换行,使用了很多方法都没有得到解决。问题发生的原因主要是就是因为中英文数字的结合字符串导致此问题发生,如全是数字或者英文或者中文就不会发生上述问题。
01 02两列必须字符串内容类型一样,上述01为全中文,02为中英结合因此问题发生。
将01中添加英文则问题消失,如下图效果:
求高手解答,非常感激!
解决方案中不能取消list-style-type:decimal-leading-zero;属性,因为需要这样的特效。使用display:block;虽然能解决错行的问题,可是把前边的标识数字隐藏掉了。
最新文章
- Tensorflow serving的编译
- hexo在git上搭建个人博客
- 网站 robots.txt 文件编写
- android [因为开了刷机精灵等软件 导致adb 无法使用]error: could not install *smartsocket* listener: cannot bind
- C\C++ sizeof 陷阱&;&;总结
- UVA 1366	 九 Martian Mining
- 关于ASP.NET中Button的OnClientClick属性
- COUNT(*),count(1),COUNT(ALL expression),COUNT(DISTINCT expression)
- python装饰器之使用情景分析
- Craking the coding interview 面试题:完美随机洗牌
- Good Bye 2013---B. New Year Present
- PHP header( ) 禁止页面后退
- Win10提示“因为文件共享不安全,所以你不能连接到文件共享”如何处理
- Xamarin.Android 利用Fragment实现底部菜单
- 【C#】C#创建自定义Object对象
- 使用PandoraBox时的软件源配置
- 20165203 2017-2018-2 《Java程序设计》第一周学习总结
- sitecore 缓存管理器
- php测试工具
- java多态实例
热门文章
- java 多线程:线程死锁,如何判断程序是否有死锁代码块儿
- 【LeetCode】LCP 06. 拿硬币
- 【LeetCode】59. Spiral Matrix II 解题报告(Python)
- 【LeetCode】236. Lowest Common Ancestor of a Binary Tree 解题报告(Python)
- 『动善时』JMeter基础 — 59、进行JMeter分布式测试遇到的坑
- CS5213设计HDMI转VGA带音频信号输出|CS5213方案|CS5213设计电路
- C# 执行Javascript脚本
- 基于MCRA-OMLSA的语音降噪(三):实现(续)
- Sentry 企业级数据安全解决方案 - Relay 入门
- Storm集群开启HA高可用