如何在实际表中输入输入

Question

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

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

JSFiddle

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

我该怎么做？

Answer 1

display: inline停止表作为表，并隐式生成内联框内的匿名块表（以保存表行）。

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

如果您想要内联表，请使用inline-table。