Files
freeCodeCamp/guide/russian/css/layout/flexbox/flexbox-direction/index.md

33 lines
1.5 KiB
Markdown
Raw Normal View History

2018-10-12 16:00:59 -04:00
---
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. колонка с обращенной
Это упорядочивает ваш контент в одном столбце снизу вверх.
#### Дополнительная информация: