我创建了一个小演示来演示如何调整财产的大小。我希望这对你和其他人也有帮助。

.可调整大小{调整大小：两者；}.no可调整大小{调整大小：无；}.lesizeable_V{调整大小：垂直；}可调整大小_H{调整大小：水平；}<textarea class=“resizeable”rows=“5”cols=“20”name=“resizeble”title=“这是可调整大小的。”>这是可调整大小的。Lorem ipsum，或有时被称为lipsum，是用于布局印刷、图形或网页设计的虚拟文本。这段文字是由15世纪的一位不知名的排字师所写，据信他将西塞罗的《德菲尼布斯·博诺伦和马洛伦》的部分拼成了一本铅字样本书。</text区域><textarea class=“noResizeable”rows=“5”title=“这将不可调整大小。”cols=“20”name=“resizeable”>这将不可调整大小。Lorem ipsum，或有时被称为lipsum，是用于布局印刷、图形或网页设计的虚拟文本。这段文字是由15世纪的一位不知名的排字师所写，据信他将西塞罗的《德菲尼布斯·博诺伦和马洛伦》的部分拼成了一本铅字样本书。</text区域><textarea class=“resizeable_V”title=“这是可垂直调整大小的。”rows=“5”cols=“20”name=“resizeable”>这是可垂直调整大小的。Lorem ipsum，或有时被称为lipsum，是用于布局印刷、图形或网页设计的虚拟文本。这段文字是由15世纪的一位不知名的排字师所写，据信他将西塞罗的《德菲尼布斯·博诺伦和马洛伦》的部分拼成了一本铅字样本书。</text区域><textarea class=“resizeable_H”title=“这是可水平调整大小的。”rows=“5”cols=“20”name=“resizeable”>这是可水平调整大小的。Lorem ipsum，或有时被称为lipsum，是用于布局印刷、图形或网页设计的虚拟文本。这段文字是由15世纪的一位不知名的排字师所写，据信他将西塞罗的《德菲尼布斯·博诺伦和马洛伦》的部分拼成了一本铅字样本书。</text区域>

您只需使用：resize：none；在CSS中。

resize属性指定元素是否可调整大小由用户执行。注意：resize属性适用于计算溢出的元素价值不是“可见”。

目前Internet Explorer不支持调整大小。

以下是用于调整大小的不同财产：

不调整大小：

textarea {
  resize: none;
}

双向调整大小（垂直和水平）：

textarea {
  resize: both;
}

垂直调整大小：

textarea {
  resize: vertical;
}

水平调整大小：

textarea {
  resize: horizontal;
}

此外，如果您的CSS或HTML中有宽度和高度，它将阻止您的文本区域被调整大小，并提供更广泛的浏览器支持。

<textarea style="resize:none" rows="10" placeholder="Enter Text" ></textarea>

使用此属性调整大小：无；

textarea {
  resize: none;
}

要禁用resize属性，请使用以下CSS属性：

resize: none;

您可以将其应用为内联样式属性，如下所示：<textarea style=“resize：none；”></textarea>或介于<style>之间</style>元素标记如下：文本区域{调整大小：无；}

CSS3为UI元素提供了一个新属性，允许您执行此操作。该属性是resize属性。因此，您可以将以下内容添加到样式表中，以禁用所有文本区域元素的大小调整：

textarea { resize: none; }

这是一个CSS 3属性；使用兼容性图表查看浏览器兼容性。

就个人而言，我会发现在文本区域元素上禁用大小调整非常烦人。这是设计者试图“破坏”用户客户端的情况之一。如果您的设计不能容纳更大的文本区域，您可能需要重新考虑您的设计是如何工作的。任何用户都可以将textarea｛resize：both！important；｝添加到他们的用户样式表中，以覆盖您的偏好。