מאפיין flex

מאפיין הקיצור flex משלב flex-grow + flex-shrink + flex-basis — קובע איך פריט flex מסתגל לגודל המיכל. ערכים נפוצים: 'flex: 1' = 1 1 0, 'flex: auto' = 1 1 auto, 'flex: none' = 0 0 auto.

.item { flex: 1; }

.item { flex: 2 1 200px; }

פחות:0 יותר:9999 צעד:1

יחידות:px | % | em | rem |

noneשווה ל-0 0 auto — אינו גדל ואינו מתכווץ.

autoשווה ל-1 1 auto — גדל ומתכווץ לפי תוכן.

contentflex-basis: גודל לפי תוכן.

max-contentflex-basis: הגודל המקסימלי של התוכן.

min-contentflex-basis: הגודל המינימלי של התוכן.

fit-contentflex-basis: מתכווץ לגודל התוכן בתוך גבולות min-content ו-max-content.

CSS Flexible Box Layout Module Level 1

Editor's Draft

W3C MDN

CSS

CSS long text insid

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next