The CSS Propertie grid-auto-flow

מאפיין grid-auto-flow שולט באלגוריתם המיקום האוטומטי של grid items — האם להוסיף אותם לפי שורות (row) או לפי עמודות (column). הדגל dense מנסה למלא חורים על-ידי שינוי סדר ה-items.

.grid { grid-auto-flow: column; }

.mosaic { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-flow: dense; }

rowitems ממוקמים על-ידי מילוי כל שורה לפני המעבר לשורה הבאה (ברירת המחדל).

columnitems ממוקמים על-ידי מילוי כל עמודה לפני המעבר לעמודה הבאה.

denseהאלגוריתם מנסה למלא חורים על-ידי הוצאת items קטנים מהסדר. עלול לשנות את הסדר הוויזואלי מסדר ה-DOM.

CSS Grid Layout Module Level 2

Editor's Draft

W3C MDN

Show all code

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

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

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

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

previous next