⭕ justify-content CSS Style Property

המאפיין justify-content מגדיר את יישור הפריטים של המיכל הגמיש כאשר הפריטים אינם מנצלים את כל השטח הפנוי על הציר אופקי

דוגמא: שנה את מיקום הקוביות

Demo Panel:

CSS:

HTML:

Syntax:

justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | initial | inherit;

Valid values:

normal, space-between, space-around, space-evenly, stretch, center, start, end, flex-start, flex-end, center, left, right, safe, unsafe

Js Syntax: element.style.justifyContent

תאימות דפדפנים

justify-content
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
center	✔️	✔️	✔️	✔️
space-between	✔️	✔️	✔️	✔️
space-around	✔️	✔️	✔️	✔️
space-evenly	✔️	✔️	✔️	✔️
stretch	✔️	✔️	✔️	✔️
start	✔️	✔️	✔️	✔️
end	✔️	✔️	✔️	✔️
flex-start	✔️	✔️	✔️	✔️
flex-end	✔️	✔️	✔️	✔️
left	✔️	✔️	✔️	✔️
right	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️
unsafe	❌	❌	❌	❌
safe	❌	❌	❌	❌