Sobes.tech
Junior

Πώς αλλάζετε την κατεύθυνση του άξονα σε ένα κοντέινερ Flexbox;

sobes.tech AI

Απάντηση από AI

Με την ιδιότητα CSS flex-direction.

Τιμές του flex-direction:

  • row (προεπιλογή): τα στοιχεία τοποθετούνται οριζόντια από αριστερά προς τα δεξιά.
  • row-reverse: τα στοιχεία τοποθετούνται οριζόντια από δεξιά προς τα αριστερά.
  • column: τα στοιχεία τοποθετούνται κάθετα από πάνω προς τα κάτω.
  • column-reverse: τα στοιχεία τοποθετούνται κάθετα από κάτω προς τα πάνω.

Παράδειγμα:

.flex-container {
  display: flex;
  flex-direction: column; /* Τα στοιχεία θα τοποθετηθούν κάθετα */
}