Html CSS：强制不同行中单元格之间的列对齐

我有一个13列的表格很好地对齐，直到我添加了输入字段，这打破了列（垂直）方向的对齐。将输入大小减少到3vw没有帮助，现在该行中的单元格相对于其他行和单元格太小

我还尝试在数据单元格和标题中添加colSpan，但没有效果

如何对齐下表中的列：

今天：训练A：TB凳子、TB行、DB倾斜、Lat升高
#
结核粪便
TB行
分贝倾斜
拉特提高
#
重量
代表
储备
重量
代表
储备
重量
代表
储备
重量
代表
储备
#
15
0
58
14
2.
20
13
1.
5.
15
0

不能将td元素包装在表单中。你必须把整张桌子包起来：

<form>
    <table>
        <tr>
            <td><input type="text" value="10" class=""></td>
            ....
        </tr>
    </table>
</form>

....

也没有className属性。您必须使用class=”“

---

输入值应为值属性

不允许

表单

是

表

、

tbody

或

tr

的子元素

您可以在

表单

中包含整个表。在表格单元格中可以有一个

表单

。但是表单中不能有表的一部分

见类似内容：

要解决此问题，您需要将整个表包装在表单中

从下面删除表单：

<tr>
   <form action="">
   [...]
   </form>
</tr>

[...]

把你的整张桌子包起来：

<form action="">
   <table className={style2}>
   [...]
   </table>
<form>

[...]

见文件