欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

input自适应高度

程序员文章站 2022-05-24 15:44:53
...
## input自适应高度
js 实现

$(document).ready(function () {
        var input = $("#div").find("input[type='text']");
        input.each(function () {
            var inpval = $(this).val();
            $(this).attr("value", inpval);
            this.style.whiteSpace = 'normal';
            $(this).css({"white-space": "normal", "word-wrap": "break-word",
                "word-break": "break-all","height": "auto","min-height" : "34px","padding": "10px 0px"});
            //white-space:normal;word-wrap:break-word;word-break:break-all

            var inptext = $(this).prop("outerHTML");
            inptext = inptext.replace('"text"', '"reset"');
            $(this).parent().append(inptext);
            $(this).remove();
            //$(this).parent().append($(this).val());
            //$(this).remove();
            //$(this).width(textWidth($(this).val()));
        })
    })

效果图

input自适应高度

相关标签: input自适应高度