根據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大小

回答

相關問題