html - 具有特定高度的表 td 在不同浏览器上的工作方式不同

Question

我有一个表格，我需要每个单元格都具有相同的固定高度和宽度。

所以我有:

th, td {
    min-width: 110px;
    width: 110px;
    max-width: 110px;
    min-height: 60px;
    height: 60px;
    max-height: 60px;
}

一个 td 就是:

<td><span>*number*</span></td>

我在 Firefox 7 上测试我的代码，我发现它们没问题，但在 Chrome/IE9 中，单元格更高。

所以:

有或没有最小-最大高度，高度是:

FF7:56px/60px(无边框/有边框) Chrome :62px/66px IE9: 61px/65px

问题是我在photoshop上给TD做了背景，如果尺寸不对会很奇怪，不知道怎么解决。

除了这个问题，chrome 的行为很奇怪。页面加载后，我通过 Javascript 将一些 a 应用到一些 td，但它们在 chrome 上不起作用……直到您有时刷新。

编辑:表格有固定的高度和一些边框间距。

编辑 2:我制作了一个 jsFiddle:http://jsfiddle.net/cFTpp/1/差异较小 (58vs60)，但仍然不同。

Answer 1

使用固定的表格布局:

table { table-layout: fixed; }