Javascript 预防<；标签></标签>；从调整大小

我有一个DIV元素，里面有一个

和输入文本框

基本上，我已经在DIV元素上启用了jQuery.resizable（），但是当您使DIV元素小于当前值时，文本框会被推到新行上

如何强制

永远不要小于设定的大小

谢谢

<div id='div1' style='width:300px'>
    <label>Test&nbsp;
        <input type='text' style='width:100px' id='inputBox'/>
    </label>
</div>

$("#div1").resizable({
    handles: "e, w, sw, ne, nw, se"
});

试验
$（“#div1”）。可调整大小({
手柄：“东、西、西南、东北、西北、东南”
});

给它一个

最小宽度

：

<div id='div1' style='width: 300px; min-width: 300px;'>

---

给它一个

最小宽度

：

<div id='div1' style='width: 300px; min-width: 300px;'>

---

jQuery UI的可调整大小具有minWidth属性（）：

---

因此，您可以将maxWidthProperty设置为

$（“标签”）。width（）

jQuery UI的可调整大小具有minWidth属性（）：

因此，可以将maxWidthProperty设置为

$（“标签”）.width（）