Rowspan h引用整个跨区单元可点击链接

时间:2013-03-28 09:50:03

标签: html css html-table href

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

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

1 个答案:

答案 0 :(得分: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>

正如您所看到的,您最好通过更好的缩进来看到这些问题; - )