0

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

这是我检查元素时出现的情况：

width       90.2667px
.OrderCell3 → 91px  inline:1

一旦我禁用“display:table-cell”，它就会准确地扩大到 91px。但是我需要它以这种方式显示以看起来我想要的方式。

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

4

2 回答 2

1

当它是表格数据时，我在您的代码中看不到表格，
这很有趣。

似乎您试图找到一种方法来制作滚动表。如果是这样，那么请重新考虑您的代码，而您可以从真实表格中实现它。

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

诀窍是，从thead 克隆一个tfoot，所以你的col 布局应该保持在header(footer) 下的容器滑动，而不是tbody。

于 2013-06-07T22:39:12.083 回答
0

默认表中有一些间距和填充。您必须弄乱表格的样式才能消除间距：

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

但是，这样做会使您的表格基本上不可见，这与隐藏单元格相同。在这种情况下，唯一的解决方法是通过考虑边框大小来补偿表格的大小。表格需要类似于 91px + (cell-padding*2 * numColumns) + 表格的边框间距 * 2。

于 2013-06-07T22:30:04.950 回答