Javascript 单击整个<；TD>；使用参数和rel标记转到链接的步骤

我遇到了一个问题

我知道如何让用户点击整个

但是现在，我的

还有一个

rel

标签，它会触发一个插件（Shadowbox），在我拥有的整个页面上方的一个漂亮的弹出窗口中打开链接

那么，如何使整个TD可以点击到一个链接，它在里面看起来像

<td>
<a rel='shadowbox;height=275;width=470' href='send_news_as_mail.php'>send as mail </a>
<td> 

下面的代码被分配为类。您可以单击整个TD

我只是有一个小问题，现在与垂直对齐，链接的文本设置为顶部，垂直对齐功能不做的把戏

最后是一个工作版本

.td\u可点击
{
显示：内联块；
宽度：100%；
身高：100%；
文本对齐：居中；
垂直对齐：中间对齐；
线高：45px；
}

将以上内容作为一个类分配给您的，并将扩展到整个TD，您可以单击TD上的任意位置访问您的链接

另外，不要忘了在一个this.style.cursor=“pointer”上进行onMouseOver操作，这样看起来很漂亮：）

谢谢大家的帮助！

---

非常感谢它

忘记“点击TD元素”，考虑让

TD

元素内部的链接具有

display:block

，这样它就填充了整个

TD

元素。当然，如果你的

td

有填充物之类的东西，那么填充的区域将无法点击。我尝试在内的

上点击创建事件，该

中包含，但我仍停留在如何打开阴影盒插件上。我知道它可以在A中使用rel标记，但是如何在周围的

中使用onClick来实现Javascript呢？或者您正在尝试使用display:block来实现本身？从未尝试过：））我认为你的问题在于如何使用shadowbox。你能发一个JSFIDLE吗？我设法让它工作起来，使它和整个TD一样大……我将在我的问题中更新代码

.td_clickable
{
display: inline-block; 
width: 100%; 
height: 100%;
vertical-align:middle;
}

.td_clickable
{
display: inline-block; 
width: 100%; 
height: 100%;
text-align: center;
vertical-align: middle;
line-height: 45px; 
}


<td>
<a class='td_clickable' rel='shadowbox;height=275;width=470' href='send_news_as_mail.php'>send as mail </a>
<td>