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

怎样让input宽度自适应内容

input高度固定,自动增宽<br><input type="text" style="width:60;overflow-x:visible;overflow-y:visible;"><br><br> textarea宽度固定,自动增高<br><textarea type="text" style="width:260;overflow-x:visible;overflow-y:visible;"></textarea>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"><html><head><style type="text/css">[code=CSS]#box { margin: 50px auto; padding-top: 50px; background: Tan; width:300px; height: 150px;}#box div{ padding-top: 5px;

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

[code=CSS]#box { margin: 50px auto; padding-top: 50px; background: Tan; width:300 padding-right 减去边框就行 *//* 如果不需要太长的 input , 可以设置 input 宽度为 99

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

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

<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><style> .box input{width: 100%;padding: 0px; margin: 0px; height: 40px; background: url("http://img0.bdstatic.com/img/image/magnify.png")

要自适应的话,input有自带的属性调整不方便,建议另外增加元素来控制就可以了自适应了

[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; /* 这个加不加

在你的td里面加上一个div,然后用三楼的办法就可以了.也可以自己写一个:遍历所有的table,table中利用cells,rows可以取出该td的width和字符串个数,然后根据两者关系动态调整.

网站地图

All rights reserved Powered by www.1862.net

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