在日常使用网页编辑器时，我们可能会遇到需要限制 `textarea` 拖动方向的情况。比如，只想让它上下调整高度，而不能左右扩展或收缩。这不仅能节省空间，还能保持页面整洁美观。下面分享一个小妙招，让你轻松实现这一功能！💪

首先，确保你的 `textarea` 是固定宽度的。通过设置 CSS 的 `resize` 属性为 `vertical`（仅限垂直方向），就能实现只允许上下拖动的效果啦！👇

```css

textarea {

resize: vertical; / 只允许竖直方向拖动 /

width: 100%; / 固定宽度 /

}

```

这样设置后，用户只能调整文本框的高度，而宽度将始终保持不变。非常适合用来制作留言板或者笔记应用，既实用又贴心！💬📋

如果你也想试试这个小功能，不妨动手修改一下自己的代码吧！💡

前端开发 CSS小技巧 用户体验优化 🌟