Html 如何将输入放入实际表中

我有以下由UI框架生成的标记：

<table style="display: inline; border: 1px solid black;">
    <tbody>
        <tr>
            <td><input name="n" value="" type="text"></td>
        </tr>
     </tbody>
</table>

正如您在演示中看到的，输入字段不在表中。我需要将该输入严格地放在表格边框内，如下所示：

如何执行此操作？

display:inline停止表作为表，并隐式生成一个匿名块表，以将表行保存在inline框中

不要那样做。将块放在内联框中很难看

如果需要内联表，请改用内联表。

显示：内联停止表作为表，并隐式生成一个匿名块表，以将表行保存在内联框中

不要那样做。将块放在内联框中很难看

---

如果需要内联表，请改用内联表。

从表样式中删除“显示：内联”属性。从表样式中删除“显示：内联”属性。如果不使用“内联表”，则u还可以包装一个层，如div inline block或已内联的span开关，在其周围放置一个span将导致类似的问题。虽然根本不需要添加额外的标记。没错，但对于未来的样式设计可能非常有用。还有其他一些方法可以做到这一点，比如floatingin而不是inline table u，还可以包装一个像div inline block或span witch这样的层，它已经在内联了。在它周围放置一个span将导致一个非常类似的问题。虽然根本不需要添加额外的标记。没错，但对于未来的样式设计可能非常有用。还有其他方法可以达到这个目的，比如漂浮