Flex-direction и display: table — это разные свойства CSS, каждое из которых имеет свои особенности.
Flex-direction определяет направление отображения элементов в макете flexbox. 24 Например, значение row отображает элементы горизонтально, а column — вертикально. 24
Display: table создаёт макет, похожий на элементы таблицы в HTML. 35 С его помощью можно, например, добиться одинаковой высоты ячеек в ряду или расположить элементы по центру контейнера. 3
Таким образом, основное отличие в том, что flex-direction определяет ориентацию элементов в макете flexbox, а display: table создаёт макет, похожий на элементы таблицы, и позволяет, например, получить ряд одинаковых по высоте элементов. 13