HTML：<input />元素在用户输入后改变位置

Question

我正在构建一个基于网络的自我测验应用程序，但我的输入表单中有一些麻烦。我的结构使得每个输入元素在表中都有自己的单元格。我要包括一张图片供参考。该表交替显示数字和输入元素的列。我这样做主要是为了便于审美结构。

不幸的是，每当用户将字符串输入到输入元素中时，这些美学就会混乱。一旦用户输入字符串然后选项卡到下一个输入元素，元素就会移近页面底部。我要包括另一张图片以供参考。

有谁知道可能导致此错误的原因是什么？我很高兴更新有关标记，CSS或jQuery的任何必要细节。

Answer 1

罪魁祸首似乎是

vertical-align: baseline;

CSS中的