表格单元格作为链接

时间:2013-04-20 20:15:23

标签: html css html-table

我有一个表格,我希望将高度修改为大于默认值(出于审美原因),问题是:链接仅对文本区域而不是整个高度有效。我已经把它作为显示器:阻止......任何帮助?

            .myTable {border-collapse: collapse; text-align:center;float:none; 
        border: 10px #ccc solid;
          }
            .myTable td { width:150px ;height:80px;background:#55ddff; }
            .myTable td a {display: block; }

这是html正文:

<table class="myTable">
<TR><TD><a href="">hello</a></TD></TR>
<TR><TD><a href="">hello</a></TD></TR>
<TR><TD><a href="">hello</a></TD></TR>
</table>

1 个答案:

答案 0 :(得分:1)

试试这个:

.myTable td a {display:block;width:100%;height:100%;margin:0}