使整个表格行成为一个链接

Question

我目前正在开发一个每行都有不同链接的表。点击区域必须填满整个表格行。 并请：没有Javascript！如果可能的话，没有额外的Div元素。

这是我到目前为止所得到的： http://jsfiddle.net/WLYW3/

这项工作非常好，但有一些问题： 将height: 128px;添加到a​​元素（似乎是必要的）后，每行中的文本不再垂直居中。添加vertical-align: middle;没有帮助。 我不能让桌子有圆角。 （border-radius: 6px 6px 6px 6px;）。

Answer 1

要修复它，只需添加：

#itemTable tbody tr td a
{
    line-height: 128px;
}

Answer 2

垂直对齐

因为您使用<table>元素，可以使锚点100％高度。
结合默认使用vertical-align: middle;的{​​{1}}，它将根据总高度（100％）计算中间值：

<tbody>

表半径

没有边框的表实际上不支持border-radius属性，并且没有干净的解决方案，您只能强制它。

但是，即使您不想要额外的元素，包装也是最干净的解决方案：

#itemTable tbody tr td a { 
  display: block;
  position: relative;
  /*height: 128px;*/
  height: 100%;
  text-decoration: none;
  color: rgb(51, 51, 51);
}

jsFiddle