css - IE7 和 CSS table-cell 属性

Question

所以当我的应用程序在 Firefox 中运行良好时，我很喜欢它，但后来我在 IE 中打开它并且...不，请再试一次。

我遇到的问题是我使用 JavaScript 将 CSS 显示属性设置为 none 或 table-cell。

我最初使用的是 display: block，但 Firefox 在没有 table-cell 属性的情况下将其渲染得很奇怪。

我很乐意在不在 JavaScript 中添加 hack 来测试 IE 的情况下执行此操作。有什么建议吗？

谢谢。

Answer 1

我已经使用 jQuery 解决了这个问题:

$(document).ready(function(){
  if ($.browser.msie && $.browser.version == 7)
  {
    $(".tablecell").wrap("<td />");
    $(".tablerow").wrap("<tr />");
    $(".table").wrapInner("<table />");
  }
});

上面的脚本假定您有使用以下样式的 div:

<style>
.table     { display: table; }
.tablerow  { display: table-row; }
.tablecell { display: table-cell; }
</style>