Javascript jquery ui可调整大小防止高度小于文本

我有可调整大小的文本DIV。我只对宽度进行操作，高度应自动调整大小，但不得小于文本（内容）。怎么做

我的代码：

HTML:

<div id="block">
  sadfasda asfasfasf asfafafaf a a a fasfas fasfafasfaf
  asffasdf as fasfasfa sfasfafasfaf akflj jalj faldjfajf'a
  klasdjf lka;sjfajf ljasfljaflkj f jf  f jfaj flajklfjalfj
  klasjf  f lkajfajf lajf lajf al alfjasl jall fafasff
</div>

#block {border: 1px solid red; width: 300px; height: auto; padding: 5px}

$("#block").resizable({
    maxWidth: 500,
    minWidth: 115
});

JS:

<div id="block">
  sadfasda asfasfasf asfafafaf a a a fasfas fasfafasfaf
  asffasdf as fasfasfa sfasfafasfaf akflj jalj faldjfajf'a
  klasdjf lka;sjfajf ljasfljaflkj f jf  f jfaj flajklfjalfj
  klasjf  f lkajfajf lajf lajf al alfjasl jall fafasff
</div>

#block {border: 1px solid red; width: 300px; height: auto; padding: 5px}

$("#block").resizable({
    maxWidth: 500,
    minWidth: 115
});

---

这里的解决方案是使用这样的容器。这将控制您的容器：）

编辑： 哦不。。如果你把它弄小了，它就不起作用了。。让我看看

编辑2： 现在是了

HTML

<div id="block">
  <div class="content">
    sadfasda asfasfasf asfafafaf a a a fasfas fasfafasfaf
    asffasdf as fasfasfa sfasfafasfaf akflj jalj faldjfajf'a
    klasdjf lka;sjfajf ljasfljaflkj f jf  f jfaj flajklfjalfj
    klasjf  f lkajfajf lajf lajf al alfjasl jall fafasff
  </div>
</div>

CSS

var block = $("#block");

block.resizable({
    maxWidth: 500,
    minWidth: 115,
    resize : function(e) {
      block.height(block.find('.content').height())
    }        
});

#block {
    border: 1px solid red; 
    width: 300px; 
    height: auto; 
    padding: 5px
}

---

使最小高度与文本相同并不容易，因为当您调整宽度时，最小高度将发生变化。如果你用溢出之类的方法工作会更好similar@MarcosPérezGude确切地说，如果你改变容器的宽度，而不使高度变小，你会看到它做了他想要的事情。我认为这是相反的，因为在你的例子中，你不能有比初始值更高的高度，但OP需要的是，高度永远不会小于安全壳。也许我误解了这个问题，我试着把它读得更好。@MarcosPérezGude我现在更新了我的小提琴。。如果你把我小提琴上的功能和他的相比，我想这就是他想要的。。但也许我们永远不会知道：现在更好了，但如果我能很好地理解这个问题的话，这并不完全正确。您正在控制宽度，正常流将生成其余部分（高度），但无法使用该脚本控制反高度。不能使框比文本大。但也许这是OP需要的行为。在我们等待OP出现的时候，我向你投上一票。非常感谢你，如果我没有在帖子中说得更清楚，我也很抱歉，但这是我在回答中所期望的。这也启发了我对代码进行一些扩展，以满足我以后的需要，比如。