2

私はcssが初めてです。ボタンをクリックするとポップアップする単純なテキストエリアを含むjqueryダイアログがあります。textarea popsup を使用したダイアログの後、 jquery dialog のサイズを変更すると、ダイアログに対して textarea もサイズ変更したかったのです。どうすればそれを処理できますか？指定するCSSプロパティはありますか？以下はボタンクリックイベントコードです。

   function clickButton(){
      var dlg = $('<div style=width:500;> <textarea style=width:400> Sample text area       </textarea> </div>');
      dlg.dialog({
      width:600
     });
  }
4

2 に答える 2

2

ピクセル幅の代わりに、テキスト領域でパーセンテージ幅を使用します。以下の90%(任意に選択し、必要に応じて作成してください)500pxは、ダイアログのサイズに関連しているため、サイズが変更された場合、テキストエリアはそれに合わせて拡大/縮小されます。

var dlg = $('<div style="width:500px;"> <textarea style="width:90%;">Sample text area</textarea> </div>');

px有効な HTML と CSS を確保するための適切な方法として、次のように、html 属性を引用符で囲み、ピクセル サイズを明示的に指定する習慣を身につけてください。

<div style="width:500px;" />
于 2012-07-29T14:01:56.100 に答える
1

を に使用% widthし、textareaを に設定しbox-sizingてborder-box、bordersを にpadding含めwidthます。

<textarea style="width:100%; box-sizing:border-box;"></textarea>
于 2012-07-29T14:04:07.713 に答える