CSS - 控制 textarea 是否可调整大小

要控制 textarea 元素是否可调整大小，可以使用 CSS `resize` 属性。将 `resize` 属性设置 `none` 可以禁止用户调整 textarea 的。例如：

textarea {
  resize: none;
}

样设置后，用户就无法通过拖动边框来改变 textarea大小了。如果要用户调整大小，将 `resize` 属性设置为其他值，如 `both``horizontal` 或 `vertical，以指定允许调整的方向。例如：

textarea {
  resize: both;
}

这样设置后，用户可以通过拖动边框来水平和垂直调整 textarea 的大小。

相关问题

CSS - 控制 textarea 自动调整大小

要实现 textarea 元素的自动调整大小，可以使用 CSS 的 `resize` 属性和 `overflow` 属性的组合。

首先，将 `resize` 属性设置为 `none`，以禁止用户手动调整 textarea 的大小。然后，将 `overflow` 属性设置为 `auto` 或 `hidden`，以控制 textarea 内容超出其可见区域时的显示方式。

下面是一个示例：

textarea {
  resize: none;
  overflow: auto;
}

这样设置后，当 textarea 内容超出其可见区域时，会自动显示滚动条。用户可以通过滚动条来查看整个内容，并且 textarea 的大小不会自动调整。

如果希望 textarea 根据内容自动调整大小，目前没有纯 CSS 的解决方案。通常需要使用 JavaScript 或其他库来实现这样的自动调整效果。

vxe-textarea resize

`vxe-textarea` 是基于 `textarea` 元素封装的组件，如果要控制它的大小，可以通过设置组件的 `rows` 和 `cols` 属性来实现。例如：

<vxe-textarea rows="5" cols="30"></vxe-textarea>

另外，如果希望 `vxe-textarea` 具有自动伸缩的功能，可以使用 CSS 的 `resize` 属性。例如：

.vxe-textarea {
  resize: both;
}

这样用户就可以通过拖动 `vxe-textarea` 右下角的边框来自由调整其大小。注意，`resize` 属性的兼容性并不完美，需要在不同浏览器中进行测试和调整。