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

1

您需要将宽度设置为父元素，即table您不想增加宽度的子元素。即，div。

我为父元素添加了宽度，以便所有子元素都可以控制它。

代码：

#table{
    width:165px;
}

<table id="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;"></div></td>
    <td style="vertical-align: top"><button id="edit">Edit</button></td> 
  </tr>
</table>


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

JSFIDDLE

注意：根据您的要求更改宽度。

于 2013-08-30T02:42:25.090 回答
1

您需要将宽度添加到 div

<div id="mydiv" style="border: 1px solid black; overflow:scroll; 
     resize: both; width:300px min-height:300px;"></div>
于 2013-08-30T02:43:33.813 回答
0

也许是因为你有 2min-height秒。你需要一个max-height

于 2013-08-30T02:37:27.637 回答