Question

我使用JavaScript将多个表插入到可滚动的div中。然后将图像插入单元格。然后我触发一个调整表格宽度的函数。所有表都有表格布局：固定。所以在FF中一切都还可以，但Chrome渲染每个表的第一个单元格错误 - 宽度错误。当我手动切换css属性table-layout：在开发人员工具中修复时，第一个单元格的宽度变为正常。所以我想我必须以某种方式重新应用表的css规则来摆脱这个bug。有没有办法做到这一点？

这是调整表格宽度的函数：

function adjustGalleryInnerWidth(){
    var containerWidth = jQuery('.container.table').width(),
        inner = jQuery('#gallery-mod-inner'),
        tables = inner.find('table');        
    inner.width((containerWidth * tables.length) + 150);
    tables.width(containerWidth + 14);
}

这是表格模板：

<div class="container table">
  <div id="gallery-mod">
      <div id="gallery-mod-inner">
          <table>
              <tr>
                  <td colspan="2" rowspan="2">&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td colspan="2">&nbsp;</td>
                  <td>&nbsp;</td>
              </tr>
              <tr>
                  <td colspan="2">&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
                  <td>&nbsp;</td>
              </tr>
          </table>
      </div>
  </div>
</div>

Answer 1

确定。我通过设置table-layout解决了这个问题：在更改表格宽度后通过jQuery css方法修复。但我不得不删除表格布局：从css文件修复。

Chrome的表格布局：在更改表格宽度后修复不正常

1 个答案: