如何讓td內容填滿整個家長？

Question

是否可以使表格單元格的內容填充整個單元格？

我在表格中組織了一個簡單的表單，左側的標籤，右側的輸入以及我希望標籤爲「全尺寸」，因此用戶具有較大的可點擊面積。目前他必須點擊標籤文本，但表格單元格要大得多，如果標籤被展開，效果會更好。

<td> 
    <label for="id">Click here will focus the corresponding input</label> 
</td> 

任何想法？

謝謝

Answer 1

如果你的意思是隻母td的寬度，那麼你可以設置label到display:block：

<table border="1" width="100%"> 
    <tr> 
     <td> 
      <label for="id">Click here will focus the corresponding input</label> 
     </td> 
    </tr> 
</table> 

td 
{ 
    background:pink; 
} 
td label 
{ 
    background:yellow; 
    display:block; 
} 

https://jsfiddle.net/kn5ypr96/

如果您需要的標籤，以填補高度和寬度，則需要不同的方法：

td 
{ 
    background:pink; 
    height:100px; 
} 
td label 
{ 
    background:yellow; 
    display:block; 
    height:100%; 
} 

將填充高度和寬度。 https://jsfiddle.net/bL9nvxd0/