IE9 table显示问题,td出现错位的解决方法

IE9 table显示问题

IE9 大数据行table的显示会出现列错位

原因是IE9的BUG

在jsp中使用 table加载大数据量时，td会出现错位,在firfox 、ie8 、360浏览器 测试匀没出现问题，正常显示 ，

却在ie9 下不能正常显示，只能依靠浏览器自带兼容性加载，

想了几种解决办：

1、强制改变内核：IE7或IE8  在浏览器之间添加meta一种

 

虽然起到一定的效果，但不能完全解决错位问题。

2、最后发现是IE9的一个bug  与间有空行时会发生错位

解决方法1：将td标签不留空格，去掉所有空格,显示就正常了.  ---我个人使用这种方法解决，不节外生枝了。

解决方法2：

js处理

vare xpr = new RegExp('>[ \t\r\n\v\f]*<', 'g');

document.body.innerHTML = document.body.innerHTML.replace(expr, '><');

参考以下URL

1.

http://go.rritw.com/social.msdn.microsoft.com/Forums/ie/en-US/28d78780-c95c-4c35-9695-237ebb912d90/ie9-table-layout-apparently-affected-by-whitespace-between-html-elements

2.

http://go.rritw.com/datatables.net/forums/discussion/8248/datatable-in-ie-9-bug-with-large-tables/p1