textarea如何实现高度自适应
2016-02-05 13:15
477 查看
方法:div模拟textarea文本域
第一步:<div class="textarea" contenteditable="true"></div>
第二步:
.textarea{
width: 100%;
min-height: 20px;
max-height: 300px;
_height: 120px;
margin-left: auto;
margin-right: auto;
padding: 3px;
outline: 0;
font-size: 12px;
line-height: 24px;
padding: 2px;
word-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
}
备注:
contenteditable属性是HTML5标签属性,但是IE支持此标签属性,避免了兼容性的问题。
第一步:<div class="textarea" contenteditable="true"></div>
第二步:
.textarea{
width: 100%;
min-height: 20px;
max-height: 300px;
_height: 120px;
margin-left: auto;
margin-right: auto;
padding: 3px;
outline: 0;
font-size: 12px;
line-height: 24px;
padding: 2px;
word-wrap: break-word;
overflow-x: hidden;
overflow-y: auto;
}
备注:
contenteditable属性是HTML5标签属性,但是IE支持此标签属性,避免了兼容性的问题。
相关文章推荐
- javascript TextArea动态显示剩余字符
- jquery的clone方法应用于textarea和select的bug修复
- textarea 在IE和FF下换行无法正常显示的解决方法
- PHP实现将textarea的值根据回车换行拆分至数组
- 关于textarea提交的内容无法换行的解决办法
- javascript实现textarea中tab键的缩排处理方法
- 一个JavaScript处理textarea中的字符成每一行实例
- js插入字符到textarea的效果代码
- jQuery往textarea中光标所在位置插入文本的方法
- Jquery实现textarea根据文本内容自适应高度
- 基于jquery的让textarea自适应高度的插件
- 使用jquery给input和textarea设定ie中的focus
- jQuery实现限制textarea文本框输入字符数量的方法
- 用javascript获取textarea中的光标位置
- 非主流的textarea自增长实现js代码
- 动态调整textarea中字体的大小代码
- JavaScript实现为input与textarea自定义hover,focus效果的方法
- textarea支持图形编辑的实现方法
- 从textarea中获取数据之后按原样显示实现代码
- php 批量添加多行文本框textarea一行一个