如何在 <table> 中添加 <legend>

Posted 2023-02-16

【中文标题】如何在 <table> 中添加 <legend>

【英文标题】：How to add a <legend> within a <table>

【发布时间】：2014-10-05 09:19:06

【问题描述】：

目前我有：

<form>
    <fieldset>
        <legend>Personal Info</legend>
        <table>
            <tr>
                <td>Info</td>
            </tr>
        </table>
    </fieldset>
</form>

但图例标题“个人信息”出现在行上方而不是行中间。

谁能告诉我我做错了什么？

我得到了这个：

__________个人信息__________

【问题讨论】：

你是什么意思“中间”？你是说你不想这样 - jsfiddle.net/nischaalc/meagux14？

我确实想要那样，但它不会那样显示。相反，文本位于行的上方而不是其中。

你用的是什么浏览器？

我目前使用的是 Firefox 31.0

真是奇怪……你用其他浏览器测试过吗？

【参考方案1】：

知道了！ :) 我只需要调整高度，可能是因为我使用 twitter bootstrap 与属性的 bootstrap css 样式有一些冲突。

【参考方案2】：

将样式应用于您的图例标签，例如

<legend style="position:absolute; left:50%;">Personal Info</legend>

【讨论】：

我没有在每个浏览器上都检查过，但在 Firefox 上可以。

我目前使用的是 Firefox 31.0

可能旧页面还在缓存中？我使用的是相同的版本，并且标题显示在边框内。