javascript - 防止 <label></label> 调整大小

Question

我有一个 DIV 元素，它有一个 <label></label>并在其中输入文本框。

基本上，我在 DIV 元素上启用了 jQuery .resizable()，但是当您使 DIV 元素小于当前大小时，文本框会被推到新的一行。

我怎样才能强制<label>永远不会小于设定尺寸？

谢谢!

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

Answer 1

给它一个 min-width:

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

或者，最好是:

#div1 {
    min-width: 300px;
    width: 300px;
}