textarea文本字段的宽度和高度(width、height)自己主动适应不断变化的处理
2015-06-22 15:08
615 查看
来源:http://www.cnblogs.com/jice/archive/2011/08/07/2130069.html
<HTML> <HEAD> <TITLE>textarea宽度、高度自己主动适应处理方法</TITLE> <!-- 控制宽度的自己主动适应 --> <style type="text/css"> .comments { width:100%;/*自己主动适应父布局宽度*/ overflow:auto; word-break:break-all; /*在ie中解决断行问题(防止自己主动变为在一行显示,主要解决ie兼容问题。ie8中当设宽度为100%时。文本域类容超过一行时, 当我们双击文本内容就会自己主动变为一行显示,所以仅仅能用ie的专有断行属性“word-break或word-wrap”控制其断行)*/ } </style> </HEAD> <BODY> <FORM METHOD=POST ACTION= " "> <!-- 主要控制高度的自己主动适应 --> <!-- 第一个是普通textarea --> <textarea class="comments" rows="10" cols="10"> </textarea> <!-- 下面两种方式都能够解决textarea行高自己主动适应类容的高度 --> <textarea class="comments" rows=1 name=s1 cols=27 onpropertychange= "this.style.posHeight=this.scrollHeight "></textarea> <textarea class="comments" style="height:expression((this.scrollHeight>150)? '150px':(this.scrollHeight+5)+'px');overflow:auto;"></textarea> </FORM> </BODY> </HTML>
相关文章推荐
- ListView 中使用onItemClick和onItemLongClick的常见问题
- [Swust OJ 767]--将军回家(Dijkstra算法)
- 端午节
- bzoj2351 2462
- 中断初始化
- 2015-第16周项目2-有些数的阶乘不算了
- vc++6.0错误
- 6.22 输出日期时间--友元函数 嘻唰唰 oj 1
- 苹果,谷歌、微软与Mozilla联合宣布WebAssembly——Web时代的汇编语言
- C++ 复习
- algorithms第四版学习进程(一)背包,栈,队列
- C实现 LeetCode->Reverse Linked List (双指针大法)(单链表反转)
- SpringMVC全局异常处理
- Monads之作用
- 通过某IP地址查询到该相应的交换机端口
- leetcode | Min Stack
- Android_15_pull解析Xml文件
- 设置IOS 6.0顶部导航条颜色,和全屏开启应用,横竖屏选择
- 传值方式传递异常对象
- 6,22 商品销售 洗刷刷 oj 1