0

我在一个 div 中有一个 div。

外部 div 是可拖动的（jQuery），内部 div 是可调整大小的（jQuery）。

内部 div 中有一个跨度，其中填充了文本。

如何使外部 div 的高度和宽度永远不会小于其内容的高度和宽度？

目前我可以将外部 div 的大小调整为更小，当外部 div 有边框时，这是一个问题，因为文本从外部 div 溢出。

提前感谢您的帮助

4

5 回答 5

1

试试这个，WithIn 调整大小事件，1）获取内部 div 的宽度。并且，2）将外部 div 的最小宽度应用为 (innerdiv + 4) ..

因此，无论何时调整大小，都会触发调整大小事件，因此，您需要获取 innerdiv 宽度并将其 ​​outerdiv“min-width”设置为略高于 innerdiv..

希望这可以帮助..

.bind('resize', function(){
      var outer_width = parseInt($('.innerdiv').width() + 4);
         $('.outerwidth').width(outer_width);
   });
于 2013-05-08T10:09:39.413 回答
0

给出永远不会变小的 div 的最小高度和最小宽度。对于确切的答案，您可以发布完整的 html 代码。

于 2013-05-08T09:50:20.870 回答
0

应用一些max-height和max-width到内部 div。

如果您的外部 div 的高度为 300 像素，宽度为 300 像素：

内部div css

max-height:300px;
max-width:300px;
于 2013-05-08T09:52:27.053 回答
0

如果您实际上使用的是 jQuery UI Resizable 插件，您可以使用它自己的选项参数：

$('.wrapper').resizable({
    minHeight: function() {
        $(this).contents().height();
    }
    ,minWidth: function() {
        $(this).contents().width();
    }
});
于 2013-05-08T10:15:35.690 回答
0

从您的每个答案中使用一点，这就是我解决它的方法。

var spanminwidth=$('#span'+i).width();
spanminwidth=+spanminwidth+4;
$("#div"+i).css('min-width',spanminwidth);

var spanminheight=$('#span'+i).height();
spanminheight=+spanminheight+4;
$("#div"+i).css('min-height',spanminheight);

感谢所有的帮助

于 2013-05-08T12:48:26.780 回答