Одно значение (end) определено в спецификации CSS Box Alignment и предназначено для применения к нескольким моделям компоновки блоков (блок, таблица, сетка, flex и т. Д.)
Другое значение (flex-end) определено в спецификации CSS flexbox и предназначено для применения только к гибкому макету.
В спецификации «Выравнивание ящика» W3C имеет видПопытка установить универсальный язык для выравнивания блоков в CSS.В конце концов, значения выравнивания блока заменят конкретные значения, определенные в flex, grid и других спецификациях.
Например:
end будет использоваться вместо flex-endcolumn-gap будет использоваться вместо grid-column-gap- и т. Д.
Многие значения выравнивания ящиков уже используются во всех основных браузерах.Но до полной реализации еще далеко, поэтому безопаснее использовать flex-end вместо end (а затем рассчитывать на долгосрочную поддержку устаревших имен).
Вот иллюстрация из Box Alignmentspec:
§ 8.3.Свойства прежних зазоров: свойства grid-row-gap, grid-column-gap и grid-gap
Модуль Grid Layout изначально был написан со своим собственным набором свойств желоба, прежде чем все такие свойства были объединены всуществующее row-gap / column-gap наименование.Для совместимости с устаревшим содержимым эти имена свойств должны поддерживаться как псевдонимы:
grid-row-gap должны рассматриваться как сокращение для свойства row-gap
grid-column-gap должен рассматриваться как сокращение для свойства column-gap
grid-gap должно рассматриваться как сокращение для свойства gap
Во всех трех случаях унаследованные свойства должны принимать ту же грамматику, что и свойство, к которому они относятся, и просто «перенаправлять» значение в свой псевдоним.