Резиновый input на остаток строки

181
12 апреля 2017, 12:10

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

Answer 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ом.

READ ALSO
Как можно обратиться к элементу из списка условий для фильтра инфоблока в админке?

Как можно обратиться к элементу из списка условий для фильтра инфоблока в админке?

Делаю жесткий фильтр для пользователей по полю "Кто создал"Нужно что бы фильтр работал скрыто и пользователь не мог его отменить! Единственное...

189
Правильно ли так делать в css?

Правильно ли так делать в css?

Добрый день! Подскажите, пожалуйста, следующееВ html коде нужным мне спискам ul li я не присваиваю классы

183