码迷,mamicode.com
首页 > Web开发 > 详细

设置HTML的TextArea标记跟随文本内容自动设置高度

时间:2019-01-24 15:07:41      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:style   size   显示   doc   高度   html   res   页面   ble   

写内容的时候用的是textarea来写,可以换行,然后预览页面也要显示是换行才行,所以预览页面还是要用textarea来显示,
样式去掉边框,不可以拉伸,不可编辑

// html 
    <textare disabled></textare>
// css 
  border: 0 solid #fff;
  resize: none;
// js
//拿到TextArea的DOM
var textarea=document.getElementById(‘textarea‘);
//设置高度
textarea.style.height = textarea.scrollHeight + ‘px‘; 

设置HTML的TextArea标记跟随文本内容自动设置高度

标签:style   size   显示   doc   高度   html   res   页面   ble   

原文地址:https://www.cnblogs.com/ybixian/p/10314422.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!