IE9 table顯示問題,td出現錯位的解決方法

2021-06-20 06:50:46 字數 536 閱讀 7433

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, '><');

參考以下url1.

2.

ie9table排列不對 td錯行,多了一列

發現問題是ie9,本地用google ie11都是好的。有合併行的問題,本來就5列,偏偏莫名其妙多了一列,某一行上就有乙個單元格空著,往後推了一列,重新整理無數次都是同一行錯位。略微改動一下jsp 刪一行沒有用的js 換行錯位 解決方法1 將td標籤不留空格,去掉所有空格,顯示就正常了.我是用了這條...

ie下無法顯示的td的border

最近做的專案中用到了 css中設定了td統一的border和不同的background,並且table也設定了background。在chrome下td的border正常展示出來了,但ie下td的border卻看不到,使用開發者工具檢視td的border屬性設定也正常。但就是看不到 1 table設...

ZK中關於table的縱向跨行td問題

用zk的table元件去構建一張表,但是發現無法實現縱向跨行的td,無論用元件本身提供的set引數方法,還是setattribute name,value 或者setstyle style 都不能將rowspan這個屬性set進去,後來發現,zk的元件裡面有個方法setdynamicproperty...