如何限制 <textarea> 的可拖动宽度

Posted 2023-05-07

【中文标题】如何限制 <textarea> 的可拖动宽度

【英文标题】：how to limit the draggable width of a <textarea>

【发布时间】：2017-04-30 17:43:57

【问题描述】：

我在 html modal 上有一个“textarea”标签，它可以调整大小，但是如果我拖动并调整“textarea”的大小，它可以拖出 modal 的范围。

如果我可以限制“textarea”的可拖动区域？

示例：Textarea that stretches outside the range of its parent

【问题讨论】：

请详细说明您的问题。至少向我们展示您的代码以及您迄今为止尝试过的内容。这可能就像给出最大值一样简单。文本区域的值。

How to disable resizable property of textarea?的可能重复

How can I prevent the textarea from stretching beyond his parent DIV element? (google-chrome issue only)的可能重复

@Goombah 我手头没有演示代码，但我添加了图片链接，即屏幕截图。

【参考方案1】：

将最大宽度设置为 100%，如下所示：

textarea 最大宽度：100%;

【讨论】：

谢谢！你说的对！我还在顶部的帖子推荐中发现了这一点。

【参考方案2】：

textarea 
   resize: none;

希望对你有帮助

另外，

textarea  
resize: vertical; 


textarea  
resize: horizontal; 

此代码将允许您仅垂直或仅水平调整大小。

【讨论】：

Nmm，我添加了一个img。如您所见，我希望 textarea 可以水平和垂直拉伸。

如果您希望用户调整大小，还可以添加 max-width,max-height 来限制尺寸