Выравнивание элементов из разных дивов

#css #вёрстка #flexbox

Нужно выровнять блоки из разных дивов относительно друг друга в номерном порядке.
Я ищу какое-то свойство, вроде order-group(<-- придуманное свойство), или что-то такое,
чтобы можно было определить, к какой именно группе выравнивания элемент относится,
и выровнять этот элемент относительно других элементов группы с помощью свойства order. 
Существует ли такое свойство, и если да, как оно называется?
    

Ответы

Ответ 1

Флексбокс позволяет использовать order, а ещё в css есть (с сомнительной поддержкой)
display: contents. Совмещаем и, теоретически, должно работать:



body {
  display: flex;
}

section {
  display: contents;
}

  
A1
  
A2
  
A3


  
B1
  
B2
  
B3


  
C1
  
C2
  
C3





Собственно, в FF58 действительно работает: