如何使整个表格单元格可点击但在其中垂直对齐文本 - CSS答案

【问题标题】：How to make whole table cell clickable but vertical align text inside it - CSS如何使整个表格单元格可点击但在其中垂直对齐文本 - CSS
【发布时间】：2012-05-03 00:42:25
【问题描述】：

如何使整个表格单元格可点击，但其中的文本垂直对齐。

好的，可以通过设置链接显示：块和设置行高来实现。

但问题是文本有时可能会出现 2 行。所以这种方式不是解决方案。还有其他解决方案吗？

谢谢。

【问题讨论】：

标签： html css vertical-alignment

【解决方案1】：

您可以通过向要单击的单元格添加一个类并使用 jquery 将其连接起来来做到这一点，例如

<td class="clickable">...</td>

你的 jquery...

$('.clickable').click(function() {
   alert('Table cell has been clicked');
 });

【讨论】：

【解决方案2】：

是的，您可以这样做，但我通常需要每个单元格执行不同的操作或为每个单元格发送不同的数据。所以我使用这样的东西。

<td onclick="update_calendar(1337317200);">19</td>

【讨论】：