Html 是否在字段集中具有围绕图例的范围有效?

Html 是否在字段集中具有围绕图例的范围有效?,html,Html,我正试图在一个现场设置中塑造传奇人物,我遇到了很多麻烦。由于我的网站响应速度快,而且图例文本长度也不尽相同,所以我无法通过边距、相对或绝对定位来实现我想要的一致性 <fieldset> <legend>Title</legend> <label>Label</label> <input type="text"> </fieldset> 标题 标签 我所需要的只是让图例的行为像正常的块

我正试图在一个现场设置中塑造传奇人物,我遇到了很多麻烦。由于我的网站响应速度快,而且图例文本长度也不尽相同,所以我无法通过边距、相对或绝对定位来实现我想要的一致性

<fieldset>
    <legend>Title</legend>
    <label>Label</label>
    <input type="text">
</fieldset>

标题
标签
我所需要的只是让图例的行为像正常的块级别。我发现唯一的方法就是把这个传说用一个跨距包起来。这是有效的HTML吗?我假设没有任何CSS专用的解决方案

<fieldset>
    <span>
        <legend>Title</legend>
    </span>
    <label>Label</label>
    <input type="text" />
</fieldset>

标题
标签

A
图例
元素仅在
字段集
元素的第一个子元素时有效。

我用你的代码创建了一个提琴,它将
元素包装在
中,并将其保存

另一种解决方案是使用CSS从视图中隐藏图例:

legend { display: none; }

然后,您可以为字段集创建和设置自己的自定义标题。

您是否尝试过验证它?您前面的问题表明您知道W3C验证器。