3

Webページにテキストエリアを配置したいのですが、レイアウトを維持するためにdivタグ内に配置する必要があります。入れたdivタグから外れるまで、ユーザーがテキストエリアのサイズを変更できないようにします。これにより、穴のレイアウトが台無しになります。テキストエリアの最大サイズを設定する方法はありますか？

手伝ってくれてありがとう！

4

2 に答える 2

5

CSS：

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

最も簡単な方法は（少しずさんですが）、テキストエリアをインラインでスタイル設定することです。幅を定義してresize：noneを指定すると、ユーザーはテキストエリアのサイズを変更してデザインを台無しにすることができなくなります。

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

ただし、テキストエリアのスタイルは、Xanderの回答と同じようにすることをお勧めします。これは、はるかにクリーンだからです。ただし、1つ変更します。それは、あまり一般的でないセレクターを追加することです。

<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 に答える