textarea文本域宽度和高度width及height自动适应实现代码
2024-10-13 02:48:52
<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>
最新文章
- [转] eclipse SVN中文件修改后图标不变黑星解决
- HTTP Request Method共计15种
- 网站压力负载测试工具:Web版已逝,只好送大伙单机版
- SharePoint 2013 Error - File names can&#39;t contain the following characters: &; "; ? <; >; # {} % ~ / \.
- 当SD卡拔出时,返回首页,栈中的activity都要清除,只留下首页的activity
- Android SDK Tools Platform-tools Build-tools
- ListableBeanFactory
- PL/SQL查询Oracle数据乱码/Oracle客户端乱码解决办法
- C++&;OpenCV中读取灰度图像到数组的两种
- codevs 1170 双栈排序
- BIN和HEX文件的区别
- 创建naarray(1)
- BeautifulSoup抓取列表页锚文本
- 在IE8中如何通过javascripts改变<;style />;中的内容?
- Pydev--unresolved import:解决办法
- DesignPatternPrinciple(设计模式原则)二
- 简单的vuex 的使用
- Java反射异常:java.lang.NoSuchFieldException
- 我自己的sublime3环境
- Android 其他特效展示
热门文章
- C#基础巩固之属性
- windows下django1.7 +python3.4.2搭建记录1
- expect学习笔记及实例详解
- less/sass 基础base文件
- FreeSWITCH异常原因总结
- 转-C语言中.h和.c文件解析
- python学习第2天
- python old six day
- Java+selenium chrome 常见的问题WebDriverException: unknown error: call function result missing &#39;value&#39;
- cocos2d内存管理,类的生命周期