Question

使用此标记：

<label for="example">
  <textarea id="example" cols="40" rows="10"></textarea>
</label>

标签不会随着textarea扩展，因此textarea会将自己推送到表单中的以下字段下。

有谁知道如何使用CSS将标签扩展到textarea的大小？

我试过了：

label { display: table; }

以及标签和textarea上的各种边距和填充，但无济于事。

Answer 1

我认为您需要正确关闭文本区域，即关闭＆lt; / textarea＆gt;标签 - 但是，我不确定以这种方式使用标签 - 也许通过用标签标签封闭目标元素来使for属性变得多余。：耸肩：删除＆lt; / textarea＆gt;下面示例中的标记使复选框消失，如果省略标记，则表示页面显示被破坏。：）

<!DOCTYPE html>
<html>
<head>
</head>
  <body>
    <label for="cb">
        <textarea id="example" cols="40" rows="10"></textarea>
    </label>
    <input type='checkbox' checked='true' id='cb'/>
  </body>
</html>

包裹在标签中的Textarea扩展到标签末端

1 个答案: