Здравствуйте, Евгений Музыченко, Вы писали:

ЕМ>В конце концов, трюк с горизонтальным выравниванием через "auto" в margin-left/margin-right используется очень давно, а такая же комбинация с margin-top/margin-bottom, если где-то и работает, то далеко не везде. Для чего потребовалось стандартизировать вертикальное выравнивание путем введения дополнительной сущности (flex)?

Я тут был попытался описать ситуацию:
https://terrainformatica.com/2018/12/11/10-years-of-flexboxing/

Т.е. 12 лет назад предлагалась простая конструкция — flex units вместо того дурацкого auto.

Для вертикального middle позиционирования имели бы:

div {
  height: 10em;
  margin-top:1*;
  margin-bottom:1*;
}

Но google chromium команда зарубила это. Поэтому и имеем зоопарк с flexbox, grid и прочая.

А margin-left:auto (что должно было бы означать margin-left:1* ) как было что-то непонятное так и есть.

В свете того что нынче "Internet == Google Chrome" будем есть что они скажут и дальше.