div模拟textarea实现高度随内容自增长
来源:互联网 发布:数据切片 编辑:程序博客网 时间:2024/06/10 11:12
1、内容可编辑 contenteditable
<div contenteditable="true">
.....此处省略.....
div{
width: 400px;
min-height: 100px;
max-height: 300px;
_height: 100px; //IE6
margin-left: auto;
margin-right: auto;
padding: 3px;
outline: 0;
border: 1px solid #a0b3d6;
font-size: 12px;
word-wrap: break-word;
overflow-x: hidden;
overflow-y: auto; //超过最大高度就出现滚动条
_overflow-y: visible;
}
对就是contenteditable,给div添加contenteditable=true即可
通过设置padding、outline、font-size、overflow来处理美化细节
<div contenteditable="true">
.....此处省略.....
</div>
div{
width: 400px;
min-height: 100px;
max-height: 300px;
_height: 100px; //IE6
margin-left: auto;
margin-right: auto;
padding: 3px;
outline: 0;
border: 1px solid #a0b3d6;
font-size: 12px;
word-wrap: break-word;
overflow-x: hidden;
overflow-y: auto; //超过最大高度就出现滚动条
_overflow-y: visible;
}
阅读全文
0 0
- div模拟textarea实现高度随内容自增长
- div模拟实现textarea(高度自适应)
- div模拟textarea高度随文本变化
- Extjs4 textarea文本框高度随内容自动增长
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea以实现高度自适应实例页面
- div模拟textarea以实现高度自适应实例页面
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域轻松实现高度自适应
- 实现 textarea随内容高度自动变化
- html中用div代替textarea实现输入框高度随输入内容变化
- div模拟textarea以css控制最大高度和最小高度实现高度自适应实例页面
- 内容可编辑且随内容自增长的div
- div模拟textarea文本域 实现高度自适应(留给自己看)
- 用DIV+CSS模拟textarea,实现文本框高度自适应用户输入的文本
- canvas的一些基础分享
- Map中的HashMap集合
- html5知识点:DOM编程
- Android 6.0 7.0及以上 动态权限
- jvm学习记录--09 虚拟机类加载机制
- div模拟textarea实现高度随内容自增长
- SPY++用法
- 关于VC++6.0下出现error C2065: 'LPDIRECTDRAWSURFACE7' : undeclared identifier解决方法
- 摩尔定律还有效吗
- [PYTHON]文件系统操作os 和shutil
- [BigData] Ceph 集群清理
- 腾讯大学官网静态模拟
- HDFS_异构存储
- 喝汽水,1瓶汽水1元,2个空瓶可以换一瓶汽水,给20元,可以多少汽水。编程实现。