10
使表格单元格中的链接填充整个行高
我有一个数据表，每个单元格都是一个链接。我想允许用户单击表格单元格中的任意位置，并让他们点击链接。有时表单元格不止一行，但并非总是如此。我使用td {display：block}来获取覆盖大部分单元格的链接。当一行中有一个单元格为两行，而其他单元格只有一行时，一个衬板不会填满表格行的整个垂直空间。这是示例HTML，您可以在http://www.jsfiddle.net/RXHuE/上看到它的运行方式： <head> <style type="text/css"> td {width: 200px} td a {display: block; height:100%; width:100%;} td a:hover {background-color: yellow;} </style> <title></title> </head> <body> <table> <tbody> <tr> <td> <a href="http://www.google.com/">Cell 1<br> second line</a> </td> <td> <a href="http://www.google.com/">Cell 2</a> </td> <td> <a href="http://www.google.com/">Cell 3</a> </td> <td> <a href="http://www.google.com/">Cell 4</a> </td> </tr> </tbody> </table> …