Junior

როგორ შევცვალოთ Flexbox კონტეინერის ღერძის მიმართულება?

sobes.tech AI

პასუხი AI-სგან

CSS flex-direction თვისებით.

flex-direction მნიშვნელობები:

row (ნაგულისხმევი): ელემენტები განლაგებულია ჰორიზონტალურად მარცხიდან მარჯვნივ.
row-reverse: ელემენტები განლაგებულია ჰორიზონტალურად მარჯვნიდან მარცხნივ.
column: ელემენტები განლაგებულია ვერტიკალურად ზევიდან ქვემოთ.
column-reverse: ელემენტები განლაგებულია ვერტიკალურად ქვემოდან ზევით.

მაგალითი:

.flex-container {
  display: flex;
  flex-direction: column; /* ელემენტები განლაგდება ვერტიკალურად */
}