Чем align-items: baseline отличается от align-items: flex-start?

Question

[IvanIvanIvanIvanIvan]

https://jsfiddle.net/xdga4ssb/

Comments

[Сергей delphinpro]

baseline — это базовая линия шрифта, flex-start — начало y-оси.
Разве разница не очевидна?

Answer 1

[Ankhena]

Посмотрите: https://jsfiddle.net/gjm5wsp8/
Вообще это все в спецификации написано. Или в удобном справочнике, например, тут https://webref.ru/css/align-items

Answer 2

[Владислав Лысков]

сравни

Comments

[IvanIvanIvanIvanIvan]

То есть у блока базовая линия тут?

[Владислав Лысков]

IvanIvanIvanIvanIvan, Базовая линия (англ. baseline, или линия шрифта) — это воображаемая линия, проходящая по нижнему краю символов без учета свисаний, например, как у букв 'ц', 'д', 'р', 'щ'.

[IvanIvanIvanIvanIvan]

То есть в данном случае мы берем самую верхнюю строку и по не выравниваем?
Это как бы так

[Владислав Лысков]

IvanIvanIvanIvanIvan, ну да