根據文字長度自動拉伸還是縮小'<textField>`？

Question

我有兩個<textField>一個接一個。有可能根據文本長度自動伸縮它們嗎？打擊我眼中唯一的屬性是isStretchWithOverflow，但導致一個文本覆蓋另一個文本 - 這不是我的意思。有人幫忙嗎？它甚至有可能嗎？

Answer 1

我假設你說的是垂直拉伸。

在這種情況下，isStretchWithOverflow正是您所需要的。

第一個覆蓋的第二個<textfield>是因爲位置設置。你可能會把它設置爲Fix，所以它在第一次拉伸時不會移動。將第二個<textfield>的位置設置更改爲Float應該可以工作。

Answer 2

我不相信這是可能的使用純HTML/CSS。不過，你可以通過使用Javascript來完成。一種方法是將鍵盤事件處理程序綁定到更新其寬度的輸入。

如果您使用JQuery，像：

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

應該做的伎倆（雖然你可能會想調整計算;我不知道，如果每次爲5px字符是過多或過少） 。