תאריך פרסום: 14 בינואר 2026
החל מ-Chrome 145, יש תמיכה במאפיינים column-wrap ו-column-height מתוך מפרט פריסת הנתונים בכמה עמודות ברמה 2.
המאפיינים האלה מאפשרים להעביר עמודות לשורה חדשה בכיוון הבלוק.
לפני Chrome 145, אם הגובה של הקונטיינר הרב-עמודתי היה מוגבל, תוכן שלא התאים למקום הפנוי היה מופיע כעמודות גלישה בכיוון השורה. במקרה כזה, סרגל גלילה אופקי יופיע באתר.
בעזרת המאפיינים column-height ו-column-wrap אפשר להגדיר גובה לשורה של העמודות, ולהגדיר שהעמודות שחורגות מהגובה יופיעו כשורה חדשה.
האפשרות ליצור שורות חדשות של עמודות מאפשרת לעקוף את המצב הנוכחי, שבו הבחירה היא בין גלילה למעלה ולמטה כדי לקרוא עמודות, לבין סיכון של סרגל גלילה אופקי במצבים שבהם יש כמות בלתי צפויה של תוכן.
הוא מאפשר גם ליצור דפוסים כמו קרוסלה עם כיוון חסימה, שבה נוצרות עמודות שממלאות את הגובה הזמין של אזור התצוגה. כדי לקרוא את השורה הבאה של העמודות, גוללים למסך הבא בכיוון הבלוק.
ליצור חוויית קריאה ברורה
אם יש כמה שורות של עמודות, יכול להיות שהקוראים לא יבינו שיש כמה שורות, ידלגו על הרווח וימשיכו לקרוא את העמודה למטה. זהו שיקול חשוב בעיצוב ממשק המשתמש. היכולת הקרובה להוסיף קישוטים לרווח בין השורות תיתן לכם כלי נוסף ליצירת הבחנה חזותית כזו.
בקרוב יתווספו כללים לשורות
המפרט של multicol ברמה 1 כולל מאפיינים לעיצוב של column-rule. הכלל הזה ממוקם ברווח שבין העמודות. מאפיינים לעיצוב כללי שורות כלולים במפרט החדש של CSS Gap Decorations, שנמצא כרגע בתקופת ניסיון למפתחים. אחרי שהתכונה תהיה יציבה, תוכלו להוסיף כללים לשורות ולעמודות בפריסות grid, flexbox ו-multicol.