Rowspan h ref 整个跨单元格可点击链接答案

【问题标题】：Rowspan h ref entire spanned cell clickable linkRowspan h ref 整个跨单元格可点击链接
【发布时间】：2013-03-18 16:52:44
【问题描述】：

我有一个跨行的表。当我创建一个 h ref 时，该链接只能在一行上单击，我希望该链接可以在该单元格的任何位置单击。

我尝试了以下方法：

<table> <tr><td rowspan=2><a style='display:block; width:100%; height:100%;' href='#'</td><td>Cell 2</td><td>Cell 3</td></tr> <tr><td>Cell 4</td><td>Cell 5</td></tr> </table>

<table> <tr><td rowspan=2><a style='display:inline-block; width:100%; height:100%;' href='#'</td><td>Cell 2</td><td>Cell 3</td></tr> <tr><td>Cell 4</td><td>Cell 5</td></tr> </table>

有没有办法让链接跨越两行？

【问题讨论】：

标签： html css html-table href

【解决方案1】：

您的 html 语法似乎不正确，因为您的标签没有正确结束。你可以试试这个：

<table>
    <tr>
       <td rowspan="2">
          <a style="display:block; width:100%; height:100%;" href="#">Text in your big cell 1</a>
       </td>
       <td>Cell 2</td>
       <td>Cell 3</td>
    </tr>
    <tr>
       <td>Cell 4</td>
       <td>Cell 5</td>
    </tr>
</table>

如您所见，使用更好的缩进您会更好地看到此类问题 ;-)

【讨论】：