textarea高度自动撑开

可以使用以下代码来实现`textarea`的高度自动撑开：

textarea {
  overflow: hidden; /* 隐藏滚动条 */
  resize: none; /* 禁止拖拽调整大小 */
  height: auto; /* 高度自动撑开 */
  min-height: 50px; /* 最小高度 */
}

其中`min-height`属性可以设置`textarea`的最小高度，当内容较少时，`textarea`的高度也不会太小。而`height`属性设置为`auto`时，`textarea`的高度会根据内容自动撑开。

需要注意的是，当`textarea`中存在多行文本时，若其中一行文本太长，会自动换行，造成高度计算不准确的问题。因此建议使用JavaScript来实现更为精确的自适应高度。可以参考第三方库如：autosize.js。

相关问题

textarea 高度撑开

textarea 高度撑开是指当文本内容超出 textarea 的可见区域时，自动增加 textarea 的高度以显示全部文本内容的功能。一般来说，可以通过设置 textarea 的属性 rows 和 cols 来控制它的大小，但是如果文本内容超出了可见区域，就需要通过一些技巧来实现自动增加高度的效果。

实现 textarea 高度撑开的方法有很多，其中一种比较简单的方法是使用 JavaScript 监听 textarea 的输入事件，动态地调整它的高度。具体步骤如下：

1. 使用 JavaScript 获取到 textarea 元素，并注册输入事件的监听器；
2. 在输入事件的处理函数中，使用 scrollHeight 属性获取到当前文本内容的总高度；
3. 将 textarea 的高度设置为当前文本内容的总高度，即可实现自动撑开。

下面是一个示例代码：

// 获取到 textarea 元素
var textarea = document.getElementById('myTextarea');

// 注册输入事件的监听器
textarea.addEventListener('input', function () {
  // 使用 scrollHeight 属性获取到当前文本内容的总高度
  var height = textarea.scrollHeight;

  // 将 textarea 的高度设置为当前文本内容的总高度
  textarea.style.height = height + 'px';
});

el-input 设置高度随内容自动撑开

可以使用 `autosize` 属性来实现 el-input 高度随内容自动撑开的效果。

示例代码：

<el-input type="textarea" :autosize="{ minRows: 2, maxRows: 6}" placeholder="请输入内容"></el-input>

其中，`autosize` 属性接受一个对象，对象中包含 `minRows` 和 `maxRows` 两个属性，用于控制最小行数和最大行数。设置 `minRows` 为 2，`maxRows` 为 6 可以保证输入框在不同内容长度下始终保持高度自适应。

注意：使用 `autosize` 属性时，`type` 属性需要设置为 `textarea`。