Question

我显示为表格单元格的div没有正确调整大小。我将宽度设置为91px，但渲染为90.2667px。这是在Firefox中，但我还没有测试过其他浏览器。

以下是我检查元素时出现的内容：

width       90.2667px
.OrderCell3 → 91px  inline:1

一旦禁用“display：table-cell”，它就会完全扩展到91px。但是我需要它以这种方式显示我想要的方式。

编辑：这是小提琴：http://jsfiddle.net/dKuj5/

Answer 1

我的代码中没有表格，
有趣的是，它是表格数据。

好像你试图找到一种制作滚动表的方法。如果是这样，那么重新考虑你的代码，同时你可以从真正的表中实现它。

http://dabblet.com/gist/5648624它正在使用em，但它可以是px或％。

诀窍是，来自thead的tfoot克隆，所以你的col布局应该留在header（footer）下容器滑动，而不是tbody。

Answer 2

默认表中有一些间距和填充。你必须弄乱桌子的风格来消除间距：

<table style='width:91px; border-spacing:0px;'>
  <tr>
    <td style='padding:0px;'>
      <div>
        stuff
      </div>
    </td>
  </tr>
</table>

然而，这样做会使您的表基本上不可见，这与隐藏单元格相同。在这种情况下，绕过它的唯一方法是通过考虑边界大小来补偿表的大小。表需要像91px +（cell-padding * 2 * numColumns）+ table的border-spacing * 2.

table-cell div没有正确调整大小

2 个答案: