Javascript JqueryUI->；可调整大小->；将'minWidth`/'minHeigth`设置为innerHtml文本长度

我使用jqueryui.com/resizeable，我的问题是，如果可以设置

的最小宽度，则innerHTML文本仍将适合元素

下面是我的JSFIDLE示例：

HTML:

---

如图所示，我可以调整

的大小，使其小于文本的长度

将不会断线
。我希望
的最小宽度是
仍然可以包含整个文本的宽度，这意味着最小宽度应该是不能换行的最长单词的宽度
 不得不在这方面做一些研究，但你可以这样做：


//http://stackoverflow.com/a/17386788/3499595
函数最长字（字符串）{
var str=string.split（“”）；
var=0；
var-word=null；
对于（变量i=0；i
#黄色{
宽度：400px；
高度：50px；
背景：黄色；
字体系列：Arial；
字号：26px；
}

不会断线会断线吗

<div id="yellow" class=" resizable">

        WILL_NOT_LINE_BREAK will line break

</div>

#yellow {
            width: 400px;
            height: 50px;
            background: yellow;                 
        }