The CSS Propertie place-items

מאפיין הקיצור place-items מאחד את align-items (ציר block) ו-justify-items (ציר inline) בהצהרה אחת. ערך יחיד חל על שני הצירים; שני ערכים — הראשון לציר block, השני לציר inline. שימושי במיוחד למרכוז כל הפריטים.

.grid { place-items: center; }

.gallery { display: grid; grid-template-columns: repeat(auto-fill, 200px); place-items: end stretch; }

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

stretchפריטים נמתחים למילוי ה-cell.

startהתחלת ציר ה-alignment container.

endסוף ציר ה-alignment container.

self-startיישור לקצה ה-start של הפריט עצמו (לפי writing mode של הפריט).

self-endיישור לקצה ה-end של הפריט עצמו (לפי writing mode של הפריט).

centerמרכז.

flex-startיישור לתחילת ציר flex; מחוץ ל-flex פועל כמו start.

flex-endיישור לסוף ציר flex; מחוץ ל-flex פועל כמו end.

baselineיישור לקו הבסיס הראשון (שווה ל-first baseline).