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

【问题标题】：How to add a <legend> within a <table>如何在 <table> 中添加 <legend>
【发布时间】：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
真是奇怪……你用其他浏览器测试过吗？

标签： html forms html-table legend fieldset

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

我没有在每个浏览器上都检查过，但在 Firefox 上可以。
我目前使用的是 Firefox 31.0
可能旧页面还在缓存中？我使用的是相同的版本，并且标题显示在边框内。