手机
当前位置:查字典教程网 >网页设计 >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中css三种常见的样式选择器

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

初学者接触HTML了解一些HTML标记(1)

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

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

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

HTML表格标记教程(31):单元格的宽度和高度属性WIDTH、HEIGHT

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

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

iframe 多层嵌套 无限嵌套 高度自适应的解决方案

精品推荐
分类导航