根据文本长度自动拉伸或缩小“<textfield>”？</textfield>

Question

我有两个<textField>一个接一个。是否可以根据文本长度自动拉伸或缩小它们？击中我眼睛的唯一属性是isStretchWithOverflow，但导致一个文字覆盖另一个 - 这不是我的意思。有人帮忙吗？它甚至可能吗？

Answer 1

我假设你在谈论垂直拉伸。

在这种情况下，isStretchWithOverflow正是您所需要的。

第一个覆盖的第二个<textfield>是因为位置设置。您可能将其设置为Fix，因此在第一个拉伸时它不会移动。将第二个<textfield>的位置设置更改为Float应该有效。

Answer 2

我不相信这可以使用纯HTML / CSS。但是，您可以使用Javascript来完成。一种方法是将keypress事件处理程序绑定到更新其宽度的输入。

如果你使用JQuery，比如：

 $(yourInput).keypress(function(){
     $(this).css("width", $(this).val().length * 5);
 });

应该做的伎俩（虽然你可能想调整计算;我不知道每个字符的5px是太多还是太少）。