Как правильно выровнять высоту поля ввода согласно высоте кнопки? (либо наоборот)
Я такое равняю конкретными значениями line-height и padding-ами.
1 лайк
1 лайк
Нюанс: сперва нужно нормализовать стили каким-то reset.css. Иначе не угадать с padding-ами для стилей по умолчанию в разных боаузерах. Например в мобильном сафари кнопка и инпут не выглядят выровненными
1 лайк
Наверно неправильно понял задачу. Думал, что надо их по низу выровнять. Если нужно сделать их одинаковой высоты, можно воспользоваться растягиванием флекса:
Но вообще я такое на практике не встречал. И кнопки и поля обычно разной высоты, а в формах кнопки выравниваются относительно поля вернтикально по центру. Иначе в одном месте поля будут меньше/больше высотой чем те, рядом с которыми будут кнопки.
2 лайка