Flexbox: выравнивание в зависимости от строки ⇐ CSS

[Anonymous]

У меня есть несколько коротких элементов flexbox и несколько длинных/высоких элементов в многострочном (flex-wrap) контейнере с flex-direction: row.
В зависимости от того, в какой строке они появляются, я бы хотел выровнять элементы short по-разному:

• если они расположены в первой строке (не обернуты), я бы хотел, чтобы они были как align-self: start
• если они находятся в последней строке, я бы хотел, чтобы они выглядели как align-self: end
• если они находятся в одной из средних строк, я бы хотел, чтобы они были align-self: center

Есть ли способ добиться этого?
На следующем изображении я использую align-content: center для всех элементов, и вручную добавлено начало/конец align-self к двум коротким элементам с цветным фоном. Я бы хотел, чтобы элементы с красным текстом следовали за элементами с цветным фоном:



Подробнее здесь: https://stackoverflow.com/questions/798 ... ing-on-row