html - 如何自动调整列和行的大小

Question

我发现了很多关于自动调整行和列大小的文章，例如下面的 CSS 代码:

   textarea[readonly="readonly"], textarea[readonly] { background-color:white; }
    float colWidth = [[[tableView tableColumns] objectAtIndex:1]width];
    NSString *content = [[[tempArray objectAtIndex:row] objectForKey:@"tValue"] string];
    float textWidth = [content sizeWithAttributes:[NSDictionary dictionaryWithObjectsAndKeys:[NSFont fontWithName:@"Lucida Grande" size:15],NSFontAttributeName ,nil]].width;
    float newHeight = ceil(textWidth/colWidth);
    newHeight = (newHeight * 17) + 13;
            if(newHeight < 47){
                return 47;
            }   
            return newHeight;
            table {
      width: 700px;
    }

和

table tr td {
  width: 350px;
  height: auto;
}

但是我的代码似乎没有任何效果

这是我的表格代码，我希望它根据将从数据库中获取的数据自动调整大小:

$myRes = "<form action='' method='post'>
          <fieldset style='width: 10px'>
          <legend align='left'><strong>Results</strong></legend>
          <p>
          <table width='auto' border='1' cellspacing='1' cellpadding='1' align='center'>
          <tr>
          <th align='center' scope='row'>A</th>
          <td><textarea class=readonly name=testA id=testA cols=65 rows=3>" . $result['testA'] . "</textarea></td>
          </tr>
          <tr>
          <th scope='row'>B</th>
          <td><textarea class=readonly name=testB id=testB cols=65 rows=3>" . $result['testB'] . "</textarea></td>
          </tr>
          </table>
          </p>
          </fieldset>
          </form>";

Answer 1

尝试以下操作:

$("textarea").height( $("textarea")[0].scrollHeight );

或

window.setTimeout( function() {
    $("textarea").height( $("textarea")[0].scrollHeight );
}, 1);​