html - 如何在具有超链接时使整个表格单元格可点击 - 使用 bootstrap v3

Question

这就是我尝试的方法，但它不起作用

唯一的问题是，它的宽度为 100%，等于表格单元格的宽度，但高度没有改变。如何使整个表格单元格可点击？

这是我做的

  <td><a href="Default.aspx?ClusterId=1" class="btn-full">click here</a></td>

这是在我的 CSS 文件中

    .btn-full {
    display: block;
    width: 100%;
    height: 100%;
}

我使用的 Bootstrap 版本是 v 3.3.6

我正在测试最新版本的 chrome:版本 51.0.2704.106 m

Answer 1

在您的情况下，由于同一行中的其他 td 包含更多内容，因此您需要将所有 td 内容设置为等高。以下代码应该适用于上述问题。

td{overflow:hidden;
   .btn-full {
    display: block;
    width: 100%;
    height: 100%;
    margin:-1000px;
    padding: 1000px;
}