display：table

display：table

从W3.org：

“ CSS
2.1没有定义哪些属性适用于表单控件和框架，也没有定义如何使用CSS设置样式。用户代理可以将CSS属性应用于这些元素。建议作者将此类支持视为实验性的。CSS的未来级别可以进一步指定。”

抱歉，但是

display: table-cell

对

input

元素进行实验性处理。尽量避免这种情况，例如使用wrapper-elements进行定位。

我用

div

元素做了一个例子。现在，一个表中可以有多个表单，但是仅在

form

元素跨满行时才起作用。否则，您的嵌套将被破坏。

编辑： 更新了小提琴与版本，其中

border-collapse

添加以避免双边框。