html - 用空超链接填充空间

Question

我想点击 HTML 表格单元格并打开新页面。如果我将文本放入表格销售中，该解决方案就可以正常工作。但是，如果我有空单元格，则没有超链接。

tr.clickable td a {
    display: block;
    background: green;
    text-decoration:none;
}

如何用空超链接填充单元格空间？

Answer 1

tr.clickable td a {
display: block;
background: green;
text-decoration:none;
}
tr.clickable td a:after{
  content: '';
  display: inline-block;
}

<table width="100%" border="1">
  <tr class="clickable">
<td>
  <a href=""></a>
</td>
  </tr>
</table>

另一种解决方案

你可以使用:empty伪元素。

tr.clickable td a:empty{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}