---
title: Flexbox Direction
localeTitle: Направление Flexbox
---
## Направление Flexbox

Теперь, когда вы знаете, что такое flexbox, пришло время перейти к тому, как вы можете размещать контент в контейнере flex. Вы можете установить это с помощью _гибкого направления_

Существует 4 способа задания направления гибки

1.  Ряд

![](https://css-tricks.com/wp-content/uploads/2013/04/flex-direction2.svg)

Направление гибкости по умолчанию установлено в ряд. Это упорядочивает весь ваш контент в одной строке **без полей **.****

2.  Строка обратного хода

![](https://i-msdn.sec.s-msft.com/dynimg/IC681588.png)

Это обращает ваше внимание в обратном направлении. Первоначально он шел слева направо, теперь он идет вправо.

3.  колонка

![](https://i-msdn.sec.s-msft.com/dynimg/IC681589.png)

Это упорядочивает ваш контент в одном столбце сверху вниз.

4.  колонка с обращенной

Это упорядочивает ваш контент в одном столбце снизу вверх.

#### Дополнительная информация: