JS控制表格某行隐藏或显示后页面布局错乱

浏览器IE8下显示情况：

浏览器Google Chrome下显示错乱，如下图：

JS控制表格中隐藏内容代码：

function disPlay(){var row = document.getElementById("row1");var option = document.getElementById("baseType").value;if(option==1){row0.style.display = 'none';row1.style.display = ''; row2.style.display = '';row3.style.display = '';row4.style.display = '';row5.style.display = 'none';}else{//校外row0.style.display = '';row1.style.display = 'none';row2.style.display = 'none';row3.style.display = 'none';row4.style.display = 'none';row5.style.display = '';}}

原因是display的值如果是inline或block都不行，如果想要显示的话设为空字符串即可。