jquery - 将外部 div 的最小高度和宽度限制为内部 div 的大小

Question

我在一个 div 中有一个 div。

外层 div 可拖动(jQuery)，内层 div 可调整大小(jQuery)。

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

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

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

提前感谢您的帮助

Answer 1

试试这个，在resize事件中，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);
   });