Posted on 2006-04-13 12:29
柳随风 阅读(2066)
评论(0) 编辑 收藏 所属分类:
HTML/CSS
在我们页面显示大文本数据时，一般情况下编辑时是采用多行文本框控件输入相关信息，该控件本身支持良好的文本格式，但是我们在查看时往往用段格式显示，文本的格式就会破坏，用户查看时不方便，其实可以使用textarea来显示对应的数据，这样就完整保留了对应的文本格式。
样式比较简单：
style="border:0;overflow:hidden;background-color: transparent;" readonly=true "
同时显示的控件的宽度和编辑时的控件宽度保持一致。
为了避免出现滚动条，在页面装载后将对应控件的高度设置为实际文本适应的高度，代码如下
<script language=javascript>
var textareas=document.all.tags("textarea");
if(textareas!=null){
for(i=0;i<textareas.length;i++){
textareas[i].style.height=textareas[i].scrollHeight;
}
}
</script>
该心得来自前年的一个项目使用，今天无意中翻出来，觉得有点价值，就写了，作为备忘吧。