根據父母調整大小Textarea Div

我有如下代碼div是可拖動的，使用JQuery.可調整大小。我想根據調整大小div自動調整內部文本大小。下面的代碼對寬度工作正常，但它不會獲取完整div的高度。根據父母調整大小Textarea Div

<div class="dragDiv" id="dragDiv"> <textarea style="width:100%;height:100%;background-color:Transparent;font-family:Arial;font-size:11pt;border: 1px;color: white;" id="Text" name="Text"></textarea> 
     <br/><input type="submit" value="Mark" onclick="MarkImage()" /> 
    </div>

來源

2011-04-06 Pit Digger

在jQuery可調整大小的div下面的所有東西都需要將CSS的高度設置爲-something-（或者將頂部和底部都設置爲絕對定位）。例如： -

<div class="Resizable"> 
    <div style="height:100%"> 
     <div style="height:100%"> 
      <textarea></textarea> 
     </div> 
    </div> 
</div>

快速演示：http://jsfiddle.net/cwolves/KkNRb/

來源

2011-04-06 16:59:00

身高：100％只在父母具有style或css中定義的固定高度時纔有效。

在這裏，您需要使用腳本計算高度，並在父div調整大小時更新它。

來源

2011-04-06 16:45:31 MadBender

您可以使用jQueryUI的的可調整大小的屬性alsoResize。在我的情況下，下面的代碼工作完美：

var box=$('#dragDiv'); 
box.resizable({alsoResize: box.find('textarea').css('resize', 'none'), 
       minHeight: '200', 
       minWidth: '400'});

而且我已經內置texarea的調整，以防止其失控父DIV的禁用瀏覽器。

來源

2013-09-05 14:04:09 Liubov

根據父母調整大小Textarea Div

回答

相關問題