Igooooood
@Igooooood
junior Front-end developer

Как сверстать input и label грамотно?

aeaa6f8e66dc4940bc238a15e3e0488b.jpg

Как сверстать и так, что бы ширина сама менялась в зависимость от места которое осталось в родительском блоке? и этот компонент можно было переиспользовать?
  • Вопрос задан
  • 178 просмотров
Решения вопроса 1
sinster72
@sinster72
Если позволяет браузерная поддержка то на флексах проще всего.
например
<label><span>текст</span><input></label>
label {display:flex;}
span {flex: 0 0 auto;}/*не меняет размеров*/
input {flex: 1 1 auto}/*занимает все оставшееся пространство и сжимается*/
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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