html⽂本框⾃动宽度,input⽂本框宽度⾃适应实际应⽤中,可能需要input⽂本框能够根据输⼊字符的所占据的宽度⾃动调节尺⼨。
直接计算输⼊字符所占据的宽度,就如同直接称量⼤象体重⼀样⽐较困难。
可以和当年曹冲⼀样转换思路,达到殊途同归的效果。
下⾯分享⼀个⽐较巧妙的实现⽅式,需要的朋友可以做⼀下参考。
代码实例如下:/p>
font-size:12px;
}
#dis {
position:absolute;
z-index:1000;
left:-500px;
}
let otxt = ElementById("txt");
let ospan = ElementById("dis");
ospan.innerHTML = this.value;
if (ospan.offsetWidth > otxt.offsetWidth) {
this.style.width = ospan.offsetWidth + "px";
}
}
html内容文本框}