3

我想在我的网页上放置一个 textarea，但它必须在 div 标签内才能保持我的布局。我不希望用户能够重新调整 textarea 的大小，直到它超出我放入的 div 标签，它会弄乱孔布局。有没有办法在 textarea 上设置最大尺寸？

感谢帮助！

4

2 回答 2

5

CSS：

textarea {
    width:400px;
    height:200px;
    resize:none; /* disable resize functionality */
}
于 2012-09-12T15:32:27.677 回答
1

最简单的方法（虽然它有点草率）是内嵌 textarea 的样式。如果您定义宽度和调整大小：无，您的用户将无法调整文本区域的大小并破坏您的设计。

<div>
  <textarea name="yourtextarea" style="width:300px;height:200px;resize:none;" /></textarea>
</div>

但是，我建议您将 textarea 的样式与 Xander 的回答类似，因为它更干净。不过我会改变一件事，那就是添加一个不太通用的选择器。

<head> // place in your header
  <style type="text/css">
    #textAreaId {
      width:300px;
      height:200px;
      resize:none;
    }
  </style>
</head>


<body> // place inside of your div, within the body tag

  <div>
    <textarea id="textAreaId" name="yourtextarea" /></textarea>
  </div>

<body>
于 2012-09-12T15:33:31.347 回答