0

td 要素内に div があります。div はサイズ変更可能で、オーバーフロー スクロールがあります。問題は、JQuery を使用して div の内容を変更すると、div のサイズが変更されることです。私が望むのは、内容が変更されたときに div が同じサイズのままであることです。誰かがこれを行う方法を教えてもらえますか?

<table>
  <tr>
    <td style="text-align: right">Date: 8-29-2013</td>
    <td></td>
  </tr>
  <tr>
    <td><div id="mydiv" style="border: 1px solid black; overflow:scroll; resize: both; min-height:300px;min-width: 300px;"></div></td>
    <td style="vertical-align: top"><button id="edit">Edit</button></td> 
  </tr>
</table>

<script>
  $('#edit').click(function(){
    $('#mydiv').html('A lot of text to demonstrate how the div resizes when I don\'t want it to.');
  });
</script>
4

3 に答える 3

0

おそらくそれはあなたが2min-height秒持っているからです。あなたには必要だmax-height

于 2013-08-30T02:37:27.637 に答える