html - Rowspan h ref 整个跨单元格可点击链接

Question

我有一个跨行的表格。当我创建一个 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>

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

Answer 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>

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