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都不行，如果想要显示的话设为空字符串即可。