The CSS Propertie justify-content

מאפיין justify-content מיישר את הפריטים על ציר ה-main (ב-flex) או ציר ה-inline (ב-grid/multicol) בתוך הקונטיינר. שולט בחלוקת מקום פנוי בקצוות, באמצע, או בין/מסביב לפריטים.

.flex { justify-content: center; }

.toolbar { display: flex; justify-content: space-between; }

normalהתנהגות ברירת המחדל של הקונטיינר (ברירת המחדל).

startפריטים מיושרים לתחילת הציר.

endפריטים מיושרים לסוף הציר.

centerפריטים ממורכזים על הציר.

flex-startפריטים מיושרים לתחילת הציר (ב-flex containers).

flex-endפריטים מיושרים לסוף הציר (ב-flex containers).

leftפריטים מיושרים שמאלה (פיזית).

rightפריטים מיושרים ימינה (פיזית).

space-betweenרווח שווה בין פריטים סמוכים; אין רווח בקצוות.

space-aroundרווח שווה סביב כל פריט — חצי מרווח בקצוות.