手机
当前位置:查字典教程网 >网页设计 >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自动适应实现代码】相关文章:

利用iframe技巧获取访问者qq实现思路及示例代码

div图片marquee无缝连接实现代码

html中iframe控制父页面刷新实现思路及代码

HTML超出文本多行截取实现原理及代码

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

如何在textarea文本输入区内实现换行

W3C教程(12):W3C Soap 活动

iframe 自适应大小实现代码

html4和html5区别之如何在一个input上添加焦点实现代码

通过html为FLASH加链接的实现代码(div层)

精品推荐
分类导航