鍍金池/ 問答/HTML5  Android  HTML/ Android webview input 輸入框輸入文字過長,被輸入框擋住,如

Android webview input 輸入框輸入文字過長,被輸入框擋住,如何讓英文向左縮進(jìn)?

Android webview input 輸入框輸入文字過長,被輸入框擋住,如何解決,如何讓之前輸入的英文向左縮進(jìn),后面的光標(biāo)可以被看見,顯示出來。

回答
編輯回答
吢丕

可以設(shè)置input text-indent屬性為負(fù)值,實(shí)現(xiàn)縮進(jìn),text-indent是input內(nèi)部文字距左邊距離,設(shè)置負(fù)值相反。通過循壞實(shí)現(xiàn)多次縮進(jìn)
$("#input_text"+nn).css("text-indent","0px");

for(var i=1;i<20;i++){
    if(i==1){
        if(text.length>12&&text.length<15){
            $("#input_text"+nn).css("text-indent","-30px");
        }
    }else{
        var num=12+(i-1)*3;
        var nm=12+i*3;
        if(text.length>=num&&text.length<nm){
            $("#input_text"+nn).css("text-indent",(-30*i+6*i)+"px");
        }
    }
}
2017年5月19日 10:58