IE6IE9兼容性问题列表及解决办法_补充之三：Table的Col不再支持style及align，需要到th,td中去设置...

在IE6, IE7时代&＃xff0c;如果想隐藏Table中的某一列&＃xff0c;可以在Col中设置一个style&＃61;"display:none"就搞定了&＃xff0c;代码如下&＃xff1a;

 

             

               
                 
                 
               
               
                 
                   
                   
                 
               
               
                 
                    张三
                   
                 
               
             

学生姓名	学生编号
1

但从IE8某些版本开始就不支持了&＃xff0c;IE9也是同样不支持, 具体信息可以参考下面这篇文章&＃xff1a;

HE1004: IE8(S) Firefox Chrome Safari 不再支持 COL 及 COLGROUP 元素的部分属性及为其设定的 CSS 特性http://www.w3help.org/zh-cn/causes/HE1004

在这里引用一下该文对各浏览器col中支持的元素对比表格&＃xff1a;

到了IE9&＃xff0c;虽然已经不支持col的align和style属性了&＃xff0c;但还支持width属性&＃xff0c;而在Html5中&＃xff0c;col中连width也不支持了&＃xff0c;IE10还能支持width&＃xff0c;但随着IE对html5支持的不断加强&＃xff0c;到了IE11&＃xff0c;还能否支持width&＃xff0c;就难说了。
因此&＃xff0c;笔者建议解决方法就是放弃在colgroup, col中设置样式&＃xff0c;转而直接在td, th中设置。

 

即如下面代码所示&＃xff0c;在th上设置align, width, style, 在td上只需设置style即可。

         

               
                 
                 
               
               
                 
                   
                    学生编号
                 
               
               
                 
                   
                    1
                 
               
             

学生姓名
张三

越来越有一种感觉&＃xff0c;IE9&＃xff0c;除了名字还叫IE&＃xff0c;里面的内容&＃xff0c;哈哈&＃xff0c;真可以说完全换了。