ie、firefox、chrome中關於style="display:block" 引起的頁面佈局錯亂的解決辦法

ie、firefox、chrome中關於style="display:block" 引起的頁面佈局錯亂的解決辦法：

 

table中tr 添加style="display:block" 致使頁面佈局錯亂

 

對table中tr 不顯示時，添加style="display:none"，ie、chrome、firefox等都沒有問題。可是若是想要顯示某個tr，就不能使用style="display:block"了，由於，在ie下，能夠正常解析，可是在firefox、chrome下，會直接把block解析爲與第一列的寬度是一致的，無論你添加colspan或者是添加td來填充，都沒有效果。

在chrome中或者firefox中，使用開發者工具調試，把style="display:block"去掉或者改成style="display:"，佈局正常。