手机
当前位置:查字典教程网 >网页设计 >XHTML >textarea文本域宽度和高度width及height自动适应实现代码
textarea文本域宽度和高度width及height自动适应实现代码
摘要:textarea宽度、高度自动适应处理方法.comments{width:100%;/*自动适应父布局宽度*/overflow:auto;w...

<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 rows="10" cols="10"> </textarea>

<>

<textarea rows=1 name=s1 cols=27 onpropertychange= "this.style.posHeight=this.scrollHeight "></textarea>

<textarea150px':(this.scrollHeight+5)+'px');overflow:auto;"></textarea>

</FORM>

</BODY>

</HTML>

【textarea文本域宽度和高度width及height自动适应实现代码】相关文章:

HTML中绝对路径和相对路径的区别分析

40多个漂亮的网页表单设计实例

iframe 自适应大小实现代码

设置disabled属性后台读不到数据如何让select支持readonly

让pre标签自动换行示例代码

ul列表标记设计网页多列布局

在HTML里为FLASH加链接并兼容各大浏览器的方法

圆角矩形的html+css实现代码

W3C教程(12):W3C Soap 活动

HTML表格标记教程(3):宽度和高度属性WIDTH、HEIGHT

精品推荐
分类导航