mQm
@mQm
https://medium.com/@gearmobile

Как сделать input на всю оставшуюся ширину?

Приветствую!

Имеется такой макет - take.ms/XtQmY. И такая разметка - codepen.io/gearmobile/pen/jEMPRN.

Label имеет плавающую ширину, как это очевидно.
Не могу сообразить, как сделать input на всю оставшуюся ширину блока-контейнера?
  • Вопрос задан
  • 3099 просмотров
Решения вопроса 1
e_s_l
@e_s_l
Full-stack web developer
codepen.io/anon/pen/ZYpbEO

fieldset span {
  display: table;
  width: 100%;
}
fieldset label,
fieldset input {
  display: table-cell;
}
fieldset label {
  width: 1%;
  white-space: nowrap;
  padding-right: 10px;
}
fieldset input {
  width: 99%;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
mlnkv
@mlnkv
JavaScript Developer
Ответ написан
Комментировать
xamd
@xamd
javascript-ninja
Либо вручную, либо через flex, однако этого не будут поддерживать старые версии IE.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы