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

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

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

Div的一些设置关于边框和透明度的

用html的ul和li标签做图片展示功能示例代码

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

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

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

Html长文本超出标记宽度后自动截取实现代码

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

移动端网页大小自适应的实现方法

精品推荐
分类导航