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

Question

[KurtsKhalia]

Часто нужно выровнять элемент с текстом вертикально в граф. редакторе, и задумался, как корректнее выравнивать: включая выступающие линии букв или нет.
Допустим в верхней части выравниваемого элемента есть буква "б" или в нижней "р", и вы делаете ровные отступы от выступающих частей или от обычных букв?

Answer 1

[Назар Мокринский]

Скорее всего низ не учитывать, но учитывать верх (ещё заглавные буквы бывают).
А вообще в редакторах обычно есть кнопки взаимного выравнивания, в браузерах в зависимости от ситуации или vertical-align:middle или flexbox использую. Даже не задумывался что именно оно выравнивает, просто смотрите как выглядит лучше.

Answer 2

[Юрий Лобанов]

Все зависит от ситуации. Вы пытаетесь вопросом охватит слишком большую область, вертикальное выравнивание подробно описано во многих книгах по типографике.
Знакомо ли Вам понятие визуального веса?

Answer 3

[Нерон Лордов]

Выравнивать надо по базовой линии, очевидно. На пальцах: возьмем два слова - баг и гумус, базовая линия будет проходить от "б" до "с", располагаясь вплотную под ними, пересекая ножки у букв "у".

Answer 4

[Deleted Deleted]

display:inline-block; vertical-align:???;
Готово.

Comments

[KurtsKhalia]

Это вопрос по дизайну, как мне выровнять в css в соответствии с дизайном я знаю.