Запретить <label> </ label> изменять размеры

Question

Запретить <label> </ label> изменять размеры

0

У меня есть элемент DIV, который имеет <label></label> и вводит текстовое поле внутри него.

В принципе, я включил jQuery.resizable() в элементе DIV, но когда вы делаете элемент 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"
});

realtek 21 окт. 2013, в 17:40

Источник

Теги:

javascript

jquery

html

css

2 ответа

Ещё вопросы

Matt Zeunert · Answer 1 · 2013-10-21T13-45-00.000Z

jQuery UI resizable имеет свойство minWidth (пример из документов):

$( "#resizable" ).resizable({
      maxHeight: 250,
      maxWidth: 350,
      minHeight: 150,
      minWidth: 200
});

Таким образом, вы можете установить maxWidthProperty в значение $("label").width().

Ry- · Answer 2 · 2013-10-21T13-04-00.000Z

Дайте ему min-width:

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

Или, предпочтительно:

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