本文讨论了IE9浏览器在处理大数据量table时出现的列错位问题，并提供了两种解决方案：修改内核和js处理。通过分析，发现问题是由于IE9的一个bug导致的td标签间空格引起的。解决方案之一是将td标签不留空格，解决列错位问题。
IE9 table显示问题
IE9 大数据行table的显示会出现列错位
原因是IE9的BUG
在jsp中使用 table加载大数据量时，td会出现错位,在firfox 、ie8 、360浏览器 测试匀没出现问题，正常显示 ，
却在ie9 下不能正常显示，只能依靠浏览器自带兼容性加载，
想了几种解决办：
1、强制改变内核：IE7或IE8 在浏览器<head></head>之间添加meta一种
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
虽然起到一定的效果，但不能完全解决错位问题。
2、最后发现是IE9的一个bug </td>与<td>间有空行时会发生错位
解决方法1：将td标签不留空格，去掉所有空格,显示就正常了. ---我个人使用这种方法解决，不节外生枝了。
解决方法2：
js处理
vare xpr = new RegExp('>[ \t\r\n\v\f]*<', 'g');
document.body.innerHTML = document.body.innerHTML.replace(expr, '><');
扫一扫
3434
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
