根据jquery对话框调整textarea大小

我是新来的CSS。我有一个简单的textarea的jquery对话框，点击一个按钮后弹出。在与textarea弹出对话框后，如果我调整jquery对话框的大小，我还希望textarea相对于对话框来调整大小。我该如何处理？我们有任何css属性来指定它吗？以下是按钮点击事件代码，根据jquery对话框调整textarea大小

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

来源

2012-07-29 Mojoy

在textarea上使用百分比宽度而不是像素宽度。下面的90%（任意选择，做任何你需要的）是相对于对话框的500px大小，所以如果它被调整大小，textarea将随着它的比例而变大。

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

作为很好的做法，以确保有效的HTML & CSS，请与我们引用您的HTML属性和像素尺寸显式指定px，如习惯：

<div style="width:500px;" />

来源

2012-07-29 14:01:56

使用% width，并将box-sizing设置为border-box以使borders和padding包含在width中。

<textarea style="width:100%; box-sizing:border-box;"></textarea>

来源

2012-07-29 14:04:07 Vatev

根据jquery对话框调整textarea大小

回答

相关问题