Question

我在div中有一个div。

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

内部div在其中有一个填充文本的跨度。

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

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

感谢您提前的帮助

Answer 1

试试这个，在调整大小事件中， 1）获取内部div的宽度。和， 2）将外部div的最小宽度应用为（innerdiv + 4）..

所以，每当你调整大小时，调整大小事件都会触发，所以，你需要获得内部宽度并将其外部的“min-width”设置为略高于innerdiv ..

希望这会有所帮助..

.bind('resize', function(){
      var outer_width = parseInt($('.innerdiv').width() + 4);
         $('.outerwidth').width(outer_width);
   });

Answer 2

给div的min-height和min-width永远不会变小..对于确切的答案，你可以发布完整的html代码。

Answer 3

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

如果您的外部div具有300px高度和300px宽度：

内部div css

max-height:300px;
max-width:300px;

Answer 4

如果您实际使用的是jQuery UI Resizable插件，则可以使用its own option parameters：

$('.wrapper').resizable({
    minHeight: function() {
        $(this).contents().height();
    }
    ,minWidth: function() {
        $(this).contents().width();
    }
});

Answer 5

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

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);

感谢所有帮助

将外部div的最小高度和宽度约束为内部div的大小

5 个答案: