根据父母调整大小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

回答

相关问题