Posted on 2006-04-13 12:29
柳隨風 閱讀(2078)
評論(0) 編輯 收藏 所屬分類:
HTML/CSS
在我們頁面顯示大文本數(shù)據(jù)時，一般情況下編輯時是采用多行文本框控件輸入相關(guān)信息，該控件本身支持良好的文本格式，但是我們在查看時往往用段格式顯示，文本的格式就會破壞，用戶查看時不方便，其實可以使用textarea來顯示對應(yīng)的數(shù)據(jù)，這樣就完整保留了對應(yīng)的文本格式。
樣式比較簡單：
style="border:0;overflow:hidden;background-color: transparent;" readonly=true "
同時顯示的控件的寬度和編輯時的控件寬度保持一致。
為了避免出現(xiàn)滾動條，在頁面裝載后將對應(yīng)控件的高度設(shè)置為實際文本適應(yīng)的高度，代碼如下
<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>
該心得來自前年的一個項目使用，今天無意中翻出來，覺得有點價值，就寫了，作為備忘吧。