div模拟textarea文本域及高度自适应
来源:互联网 发布:淘宝代销图片被投诉 编辑:程序博客网 时间:2024/05/16 17:19
div模拟textarea文本域及高度自适应
大家都知道html中textarea的作用,今天给大家介绍的是让div模拟它的属性;很简单给div加上contenteditable=“true”<div contenteditable=true></div>
- 最难的部分已经解决了,下面就是一些修饰了;
<style>
.test_box {//不要用元素选择器哦!自己可以试试;
width: 500px;
min-height: 100px;
max-height: 400px;
margin: 0 auto;
padding: 3px;
outline: 0;
border: 1px solid red;
font-size: 11px;
word-wrap: break-word;
overflow: auto;
}
</style>
<div class=test_box contenteditable="true"></div>
- 浏览器的兼容,自己看到办吧,(
【区别符号】:「\9」、「*」、「_」)#tip{background:blue;/*Firefox背景变蓝色*/ background:red\9;/*IE8背景变红色*/ *background:black;/*IE7背景变黑色*/ _background:orange;/*IE6背景变橘色*/ }
0 0
- div模拟textarea文本域及高度自适应
- div模拟textarea文本域及高度自适应
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域现高度自适应
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域轻松实现高度自适应
- div模拟textarea文本域轻松实现高度自适应
- textarea文本域及高度自适应
- div模拟textarea文本域 实现高度自适应(留给自己看)
- textarea文本域自适应高度
- div模拟实现textarea(高度自适应)
- div模拟textarea高度随文本变化
- 用DIV+CSS模拟textarea,实现文本框高度自适应用户输入的文本
- js控制textarea文本域自适应高度
- div模拟textarea以实现高度自适应实例页面
- div模拟textarea以实现高度自适应实例页面
- 用GDB调试程序
- UVa 1613 K-Graph Oddity
- GestureDetector android 手势识别
- 已学习内容
- 第十周总结
- div模拟textarea文本域及高度自适应
- vCPU的概念
- 三层总结
- Ubuntu 14.04开机自动挂载Windows分区
- EXT.NET - 基础
- 探讨跨域请求资源的几种方式
- iOS 8 TableviewCell侧滑出现更多Button
- Java学习笔记5
- 内核模块编译Makefile模板