Question

我是css的新手。我有一个带有简单textarea的jquery对话框，只需点击一下按钮即可弹出。在使用textarea popsup对话后，如果我调整jquery对话框，我希望textarea也可以相对于对话框调整大小。我该怎么处理？我们是否指定了任何css属性？下面是按钮点击事件代码

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

Answer 1

在textarea上使用百分比宽度而不是像素宽度。下面的90%（任意选择，随意使用）与对话框的500px大小相关，因此如果调整大小，textarea将随之缩放。

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

作为良好做法并确保有效的HTML＆amp; CSS，请养成引用html属性并在像素大小上明确指定px的习惯，如：

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

Answer 2

使用% width上的textarea并将其box-sizing设置为border-box，以使borders和padding包含在width中1}}。

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

根据jquery对话框调整textarea的大小

2 个答案: