Files
freeCodeCamp/guide/russian/css/layout/flexbox/flexbox-direction/index.md
2018-10-16 21:32:40 +05:30

33 lines
1.5 KiB
Markdown
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

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