1.用textarea标签,用事件写满,或用键盘写满时会出现滚动条,不太美观。
如果隐藏滚动条,并让其高度随内容增加,比较复杂,兼容性也不好。代码可以搜到。
2.可以用div标签,但原文章的格式,换行等不会表现出来。可以套加pre标签,保留原格式。
<pre><div></div></pre>
下面的css样式是为了让超过长度的换行。
pre {
white-space: pre-wrap; /*css-3*/
white-space: -moz-pre-wrap; /*Mozilla,since1999*/
white-space: -pre-wrap; /*Opera4-6*/
white-space: -o-pre-wrap; /*Opera7*/
word-wrap: break-word; /*InternetExplorer5.5+*/
}
用以上方法做的网站示例:
http://www.fengyunxiao.cn
如果隐藏滚动条,并让其高度随内容增加,比较复杂,兼容性也不好。代码可以搜到。
2.可以用div标签,但原文章的格式,换行等不会表现出来。可以套加pre标签,保留原格式。
<pre><div></div></pre>
下面的css样式是为了让超过长度的换行。
pre {
white-space: pre-wrap; /*css-3*/
white-space: -moz-pre-wrap; /*Mozilla,since1999*/
white-space: -pre-wrap; /*Opera4-6*/
white-space: -o-pre-wrap; /*Opera7*/
word-wrap: break-word; /*InternetExplorer5.5+*/
}
用以上方法做的网站示例:
http://www.fengyunxiao.cn