www.1862.net > 怎样让input宽度自适应内容

怎样让input宽度自适应内容

input高度固定,自动增宽 textarea宽度固定,自动增高

[code=CSS] #box { margin: 50px auto; padding-top: 50px; background: Tan; width:300px; height: 150px; } #box div{ padding-top: 5px; padding-right: 2px; /* 多加了这行代码 */ overflow-x: hidden; overflow-y: hidden; /* 这个加不加...

你设置input的width=100%,再加上padding,总宽度超过了100%了。 input外面的那个容器加上overflow:hidden;即可。

很多时候文本框输入的内容是不固定的,有时候输入的内容多一些需要宽一些有时候输入的内容少一些需要窄一些,所以需要设置input的宽度自适应。 工具原料:编辑器、jQuery 1、解决宽度自适应的思路是使用jQuery来监听输入事件,进而进行动态的改...

input高度固定,自动增宽 textarea宽度固定,自动增高

min-width:100px width:auto (100px是预先设置的宽度,width:auto是宽度自适应 ) 如果我的回答对你有用记得采纳哦,亲!

请参考下面的代码实现这个功能: function resizeInput() { $(this).attr('size', $(this).val().length);}$('input[type="text"]') .keyup(resizeInput) .each(resizeInput);

设一下display:block试一下 span本身就是自适应宽度。你把里边那层去掉就行了。 还有,楼主,你到底想让文字适应宽度还是想让宽度适应文字? 如果是宽度去适应文字的话,你把它的宽度调成1就行了,文字多了自然会把...

网站地图

All rights reserved Powered by www.1862.net

copyright ©right 2010-2021。
www.1862.net内容来自网络,如有侵犯请联系客服。zhit325@qq.com