1

Как сделать, чтобы input занимал весь остаток строки сразу за label?

1

1 ответ 1

1

* { box-sizing: border-box; }
div { white-space: nowrap; }
label, span { display: table-cell; }
label { width: 0; }
span { width: 100%; }
input { width: 100%; }
<div>
  <label for="a">Первый input</label>
  <span><input type="text" id="a" /></span>
</div>
<div>
  <label for="b">Второй</label>
  <span><input type="text" id="b" /></span>
</div>
<div>
  <label for="c">И ещё с длинным-длинным тексом</label>
  <span><input type="text" id="c" /></span>
</div>

Обращаю внимание на обёртывание inputа в span - без него так не получится, т. к. table-cell плохо сочетается с inputом.

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.