CSS_表格中TR元素在IE与FF中的display不同

 

1. 问题描述：

        一个功能需求，根据使用select元素时选择的不同selectIndex项，显示一个表格里相对应的tr项（单行或者多行），使用样式display:block/none来设置显隐，然而在Firefox中隐藏后再显示时，布局发生错乱。

     2. 处理思路：

           猜想在IE和FF中TR标签的display属性可能不相同，于是直接用jQuery的.css(“display”)来查看。

     3. 问题原因：

           发现不同

           FF：table-row;

           IE：display

     4. 解决方法：

           根据不同浏览器进行判断设置样式

         伪代码// if(ie){ display:block}else{ display:table-row}