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()));
})
})
效果图
推荐阅读
-
ThinkPad笔记本电脑托架如何调节高度不让其反弹
-
WEB端自适应尺寸的方法
-
华为P40系列有多强?行业专家评价:手机摄影的新高度!
-
399元罗技G303游戏鼠标京东开售 可自适应桌面
-
Uncaught SyntaxError: Unexpected end of input异常
-
使用jQuery实现input数值增量和减量的方法教程
-
javascript原生和jquery库实现iframe自适应高度和宽度
-
Python基础一: 计算机基础,Python相关介绍,变量,常量,注释,基础数据类型(int,str,bool),用户交互input,流程控制语句if
-
Jquery把获取到的input值转换成json
-
JS 组件系列之Bootstrap Table的冻结列功能彻底解决高度问题