Javascript或jQuery需要输入字段自动增长,但<;td>;或<;部门>;需要修理

Javascript或jQuery需要输入字段自动增长,但<;td>;或<;部门>;需要修理,javascript,jquery,Javascript,Jquery,例如,2个HTML行。第一行是标题。第二行用于输入。设置了所有的默认宽度 用户开始在输入字段中键入内容。当tex的长度大于的默认宽度时,输入字段开始自动增长 这是我的例子 1. 2. 问题是也会自动增长 需要始终具有默认(固定)宽度;只增加输入字段,就好像在右边的上一样 试图设置最大宽度无解决方案 然后尝试此操作(针对标题) 1 2. 但在这种情况下,它们处于垂直位置(而不是水平位置) 下面是如何使用下拉字段的示例。需要与输入字段类似的内容。在Chrome和Firefox中,“最大宽度”

例如,2个HTML行。第一行是标题。第二行用于输入。设置了所有
的默认宽度

用户开始在输入字段中键入内容。当tex的长度大于
的默认宽度时,输入字段开始自动增长

这是我的例子


1.
2.
问题是
也会自动增长

需要
始终具有默认(固定)宽度;只增加输入字段,就好像在右边的
上一样

试图设置最大宽度
无解决方案

然后尝试此操作(针对标题

1
2.
但在这种情况下,它们处于垂直位置(而不是水平位置)


下面是如何使用下拉字段的示例。需要与输入字段类似的内容。

在Chrome和Firefox中,“最大宽度”适用于我:


通过将以下内容添加到CSS中,可以将表格设置为固定宽度:

    table {
        table-layout:fixed;
        width:60px;
    }

表格布局:固定输入字段不自动增长输入自动增长,但td保持不变。您可以添加溢出:可见;到您的td,以便您的输入跨过td边界。但我会考虑另一种布局,因为您的输入将一个接一个地进行hmmm,请参见我添加的
table
css。一切似乎都是固定不变的,它们的宽度在增长。或者我们对“自动增长”的含义有不同的看法。关于我的意思,当你在输入字段中键入内容时,输入字段(只有这个输入字段)会变宽(当你键入时)。。。
<td style="width: 20px; display: inline-block;">1</td>
<td style="width: 20px; display: inline-block;">2</td>
td input {
      max-width : 20px; 
}
    table {
        table-layout:fixed;
        width:60px;
    }