table之thead兼容

今天遇到一个小bug,是关于table中thead,tbody,tfoot的兼容问题:浏览器

在开发的时候为了方便写样式,我就把表格的标题部分关于th的内容放在了thead中,固然了,我也没有写tbody和tfoot,此时,检查兼容的时候问题随之而来:布局

  在IE,Chrome,Opera下都没问题,可是在Firefox中出现了一个问题,下面tr的内容统一贯上走了一个tr,最后一个tr的内容变为空了,与thead的内容重合,我首先想到的是我没有浮动啊,什么状况。随后我检查了下元素,将thead改成tr,问题解决。教程

  随后我搜了下thead兼容问题,W3C的解释是:开发

  注释:若是您使用 thead、tfoot 以及 tbody 元素,您就必须使用所有的元素。它们的出现次序是:thead、tfoot、tbody,这样浏览器就能够在收到全部数据前呈现页脚了。您必须在 table 元素内部使用这些标签。<thead> 内部必须拥有 <tr> 标签!table

  提示:在默认状况下这些元素不会影响到表格的布局。不过,您能够使用 CSS 使这些元素改变表格的外观。<thead>、<tbody> 以及 <tfoot> 不多被使用,这是由于糟糕的浏览器支持。咱们指望在 XHTML 的将来版本中这种状况会发生变化。假如您使用 Internet Explorer 5.0 或更新的浏览器,能够在咱们的 XML 教程中查看一个例子。bug

  最后本身总结下:thead,tbody,tfoot尽可能不用了,若是要用就所有用上且记得把tr写在thead中;总结

相关文章
相关标签/搜索