添加具有适合其高度的锚标记的表格单元格

Question

我正在尝试创建一个带有链接（锚标记）的表，该表占用包含它的表格单元格（td）的整个高度。

这适用于Firefox：

table tr,
table td {
    height: 100%;
}

table td > a {
    display: block;
    height: 100%;
}

http://jsfiddle.net/6nem4/

通过几次小编辑，它也开始在Chrome，Safari等中运行：

table tr,
table td {
    height: 100%;
}

table td > a {
    display: inline-block;
    height: 100%;
    width: 100%;
}

http://jsfiddle.net/sj3ST/

我很好奇是否有办法让它在IE10中也能正常工作。

Answer 1

不是最好的主意：http://jsfiddle.net/sj3ST/1/

但是在IE中添加填充以锚定标记

a{
   padding: 56px 0;
 }

或者给予填充

Answer 2

如果您希望该链接显示在td的{​​{1}}添加vertical-align: top;的顶部，以及td.link所需的背景颜色，而不是链接本身。

如果您希望链接显示在middlw中，请从我的示例中删除td属性。

或

您可以将vertical-align添加到padding-top: 50%; padding-bottom: 50%;

或

您可以使用a代替div元素并设置a事件。

<强> example