Как установить текст по центру по вертикали в кнопке на HTML и CSS #shorts

Показать описание

Как установить текст по центру по вертикали в кнопке на HTML и CSS.

#shorts #itdoctor

Рекомендации по теме

Комментарии

Зачем? Display flex и всё.Что ты будешь делать при адаптиве. Напридумывают

SvyaT_T__Airon

Бедные новички, насмотрятся и потом больно смотреть на проекты со стороны
DRY проще реализовать тогда, когда верстка реализуется на основе удобных методов
Верстка на флексах и гридах - кнопки на флексах

non-user

Спасибо! Как раз был вопрос по выравниванию текста в кнопке.

ТатьянаФролкова-ьн

Ну, да, как вариант...но я малость не понимаю зачем в 24-м году искать варианты не использовать флексы или гриды. Вроде под ie ведь уже не верстают

arhfallen

Ну зачем же учить плохому 😢
1. Тег "а" это ссылка. Тег "Button" - кнопка.
2. Есть много способов выравнять текст, но этот один из самых неправильных. Выравнивание делайте через flex или grid, ну либо через padding.

danila-korotkov

Вы упомянули flex. Так если вы делаете его блочным, почему действительно не сделать его сразу flex и выровнять? В чем преимущества этого метода?

MrKmissar

Еще из бест практис которые можно подглчжеть у гугла это использовагие тега span для текста

mikhail_one

А если вдруг в кнопке окажется две строчки с каким нибудь strong?))

neveren

А потом текст кнопки станет в две строки 😂

Vanesment

Ну хз, в целом метод то рабочий, но абсолютно не понятно зачем, во первых использовать тег a для кнопки это уже ux ошибка, во вторых с адаптивном будет оч сложно, если мы хотим центрировать текст относительно "кнопки", то на адаптиве придеться менять каждый раз это значение, да это можно решить через миксины в том же scss, но опять же нахрена

tangiro