מאפיין align-content

מאפיין align-content מיישר את התוכן בתוך התיבה בציר הבלוק/cross axis. חל על מיכלי בלוק, multicol, flex ו-grid. ב-flex עם flex-wrap: nowrap — אין השפעה.

.container { align-content: center; }

.grid { display: grid; align-content: space-between; }

normalברירת המחדל — מתנהג כ-start בבלוק, stretch ב-multicol/grid.

startיישור לקצה ההתחלה.

endיישור לקצה הסיום.

centerממרכז.

stretchמותח פריטים אוטומטיים למלא את המיכל.

space-betweenמפזר במרווחים שווים, הראשון בהתחלה והאחרון בסוף.

space-aroundמפזר במרווחים שווים עם חצי-מרווח בקצוות.

space-evenlyמפזר במרווחים שווים מלאים גם בקצוות.

baselineמחושב כ-first baseline.

first baselineמיישר לקו הבסיס הראשון.

last baselineמיישר לקו הבסיס האחרון.

flex-start(flex) יישור ל-main-start/cross-start.

flex-end(flex) יישור ל-main-end/cross-end.

safeמגדיר גלישה: אם גולש, מתנהג כ-start.

unsafeמגדיר גלישה: מכבד את היישור גם אם גורם לגלישה.

CSS Box Alignment Module Level 3

Editor's Draft

W3C MDN

CSS

Show all code

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

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

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

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

previous next