מאפיין align-items

מאפיין align-items קובע את ברירת המחדל של align-self עבור כל הילדים — מיישר אותם בציר הבלוק/cross axis. חל על מיכלי flex ו-grid.

.container { align-items: center; }

.grid { display: grid; align-items: safe end; }

normalברירת המחדל — flex/grid מתנהגים כ-stretch.

stretchמותח פריט למלא את המיכל בציר היישור.

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

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

centerממרכז.

self-startיישור לצד התחלה של הפריט עצמו.

self-endיישור לצד סיום של הפריט עצמו.

baselineמחושב כ-first baseline.

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

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

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

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

anchor-centerמיישר למרכז של ה-anchor (חדש).

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

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

CSS Box Alignment Module Level 3

Editor's Draft

CSS

Show all code