Question

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

感谢您的帮助！

Answer 1

<强> CSS：

textarea {
    width:400px;
    height:200px;
    resize:none; /* disable resize functionality */
}

Answer 2

最简单的方法（尽管有点草率）是将textarea设置为内联样式。如果您定义宽度并调整大小：无，则您的用户将无法调整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>

如何将textarea标签放在div标签内？

2 个答案: