Задать вопрос
@KurtsKhalia
дизайн

Как вы выравниваете вертикально элементы с текстом?

Часто нужно выровнять элемент с текстом вертикально в граф. редакторе, и задумался, как корректнее выравнивать: включая выступающие линии букв или нет.
Допустим в верхней части выравниваемого элемента есть буква "б" или в нижней "р", и вы делаете ровные отступы от выступающих частей или от обычных букв?
  • Вопрос задан
  • 2363 просмотра
Комментировать
Подписаться 2 Оценить Комментировать
Решения вопроса 1
nazarpc
@nazarpc
Open Source enthusiast
Скорее всего низ не учитывать, но учитывать верх (ещё заглавные буквы бывают).
А вообще в редакторах обычно есть кнопки взаимного выравнивания, в браузерах в зависимости от ситуации или vertical-align:middle или flexbox использую. Даже не задумывался что именно оно выравнивает, просто смотрите как выглядит лучше.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 3
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Все зависит от ситуации. Вы пытаетесь вопросом охватит слишком большую область, вертикальное выравнивание подробно описано во многих книгах по типографике.
Знакомо ли Вам понятие визуального веса?
Ответ написан
Комментировать
Комментировать
Nekto_Habr
@Nekto_Habr
Чат дизайнеров: https://t.me/figma_life
Выравнивать надо по базовой линии, очевидно. На пальцах: возьмем два слова - баг и гумус, базовая линия будет проходить от "б" до "с", располагаясь вплотную под ними, пересекая ножки у букв "у".
Ответ написан
Комментировать
Комментировать
@DailyFuckups
display:inline-block; vertical-align:???;
Готово.
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Продуктовый дизайнер в команду дизайн-системы
Точка
До 240 000 ₽
Арт-директор
ЛАНИТ • Москва
До 300 000 ₽
Senior UX/UI product designer/Старший продуктовый дизайнер [дизайн интерфейсов]
HelloClient CRM
от 100 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Интеграция и обучение по API Яндекс Маркета
24 апр. 2024, в 17:52
20000 руб./за проект
Сайт с вебзвонками и чатами на react
24 апр. 2024, в 17:33
10000 руб./за проект
Правки в webApp готового и написанного телеграмм бота next, tailwind
24 апр. 2024, в 17:26
6000 руб./за проект
Ещё заказы