Flexbox (קיצור של Flexible Box) הוא מודל פריסת CSS שנועד לסדר וליישר אלמנטים בתוך מיכל באופן גמיש ויעיל. Flexbox פותח כדי לסייע ביצירת מבני עיצוב מורכבים באופן פשוט ואינטואיטיבי יותר מאשר שיטות פריסה קודמות כמו float או positioning.
תכונות עיקריות של Flexbox:
- סידור גמיש: סידור אלמנטים בתוך מיכל flex יכולים להסתדר באופן אוטומטי, בהתאם לגודל המיכל והמרחב הזמין.
- יישור קל: מאפשר ליישר אלמנטים אנכית ואופקית במרכז, בקצוות או בהפצה שווה בקלות.
- שליטה על מרווחים: ניתן לשלוט במרווחים בין אלמנטים ולהפיץ אותם בצורה שווה בתוך המיכל.
- כיווניות דינמית: תומך בסידור אלמנטים בשורה (row) או בעמודה (column).
Flexbox נועד לפתור בעיות פריסה שכיחות ולהפוך את עיצוב מבני העמודים לקל וגמיש יותר. הוא מתאים במיוחד לפריסות רספונסיביות וליצירת מבנים דינמיים המשתנים בהתאם לגודל המסך או המיכל.
