如何在整个单元格上拉伸链接？

Question

我有一个表,其中包含可以单击以编辑行的链接(锚点).我希望这些链接被拉伸到包含单元格的整个宽度和高度.我已将它们设置为display: block;所以它们具有全宽:

在此输入图像描述

问题是,我无法使用CSS将它们调到全高.请看我的例子:http://jsfiddle.net/timbuethe/53Ptm/2/.

Answer 1

在块元素上设置任意大的负边距和相等的填充,并在父元素上隐藏溢出.

td {
    overflow: hidden;
}
td a {
    display: block;
    margin: -10em;
    padding: 10em;
}