如何獲取錨點標記以填充表格單元格的寬度？

Question

我有一個錨點標記的表格單元格，我希望錨點標記的寬度（和高度）填充包含表格單元格的寬度。直覺似乎不適用於此。請幫忙。

HTML：

<table> 
    <tr> 
     <td class="width_is_100px"> 
      <a href="http://www.doesnotwork.com"><span class="make_width_100px">Some Text</span></a> 
     </td> 
    </tr> 
</table> 

CSS：（不工作）

.make_width_100px { 
    width:100px !important; 
} 

的錨標記只有一樣寬文本 「一些文本」。我希望用戶能夠點擊表格單元格內的任何位置並觸發鏈接。請不要JavaScript。

Answer 1

試試：

a { 
    display: block; 
    height: 100%;   
    width: 100%; 
} 

Answer 2

讓你<a>元素塊元素（它的默認內置）：

.width_is_100px a { 
    display:block; 
} 

Answer 3

<table> 
    <tr> 
     <td class="width_is_100px"> 
      <a href="http://www.doesnotwork.com"><div style="width:100%;">Some Text</div></a> 
     </td> 
    </tr> 
</table> 

Answer 4

這可能是太晚了，但是，這個工作對我來說在具有不同內容高度的表格。

HTML

<table class="example"> 
    <tr> 
     <td><a href="">small content</a></td> 
     <td><a href="">multiline<br>content</a></td> 
    <tr> 
</table> 

CSS

table{ 
    padding:10px; /*for example*/ 
} 
table.example td{ 
    overflow:hidden; 
    padding:0px; /*you can need !important*/ 
} 
table.example a{ 
    display: block; 
    height: 100%; 
    width: 100%; 
    padding: 10px 10px 500px 10px; /*table default padding except on bottom 500px for example*/ 
    margin-bottom: -490px; /*same as bottom padding - table padding*/ 
}