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

问题描述

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

This is how i am trying but it does not work

唯一的是，它的100％宽度等于表格单元宽度，但高度不会改变。如何使整个表格单元格可点击？

The only thing is, it gets 100% width equal to table cell width but the height does not change. How can i make the entire table cell clickable?

我在做什么

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

这是在我的CSS文件中

And this is inside my CSS file

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

我使用的bootstrap版本是v 3.3.6

The bootstrap version i use is v 3.3.6

我正在测试最新版Chrome：版本51.0.2704.106 m

I am testing with latest version chrome : Version 51.0.2704.106 m

推荐答案

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

In your case, since other td in same row has more content, you need to make all your td contents as equal height. Below code should work for above issue.

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

这篇关于如何使用bootstrap v3使整个表格单元格具有超链接时可单击的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！