freeCodeCamp/guide/russian/certifications/responsive-web-design/css-flexbox/use-the-flex-direction-prop.../index.md

1.1 KiB
Raw Blame History

title localeTitle
Use the flex-direction Property to Make a Row Используйте свойство flex-direction для создания строки

Используйте свойство flex-direction для создания строки

Как только у вас есть гибкий контейнер, добавив display: flex; в родительский контейнер, вы можете указать, хотите ли вы, чтобы дети были сложены в ряд, добавив следующее:

#box-container { 
    display: flex; /* This makes the flex container */ 
    height: 500px; 
    flex-direction: row-reverse; /* This makes the direction be a row with reversed elements */ 
  } 

Вы заметите, как цвета переключают позиции по умолчанию в контейнерах гибких дисков - это строки, которые вы могли заметить из примера твита .