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/

如何让td内容填满整个父母？

1 个答案: