html 高度随内容增加,保留原格式

1.用textarea标签,用事件写满,或用键盘写满时会出现滚动条,不太美观。
如果隐藏滚动条,并让其高度随内容增加,比较复杂,兼容性也不好。代码可以搜到。


2.可以用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

你可能感兴趣的:(html,css)