היישור הבסיסי האחרון

כל מנועי הדפדפנים העיקריים תומכים כעת בהתאמה הבסיסית האחרונה ברשת CSS וב-flexbox.

Rachel Andrew

יישור באמצעות מילות המפתח first ו-last זמין עכשיו בכל המנועים העיקריים. המשמעות היא שאנחנו יכולים להשתמש ביישור הבסיס האחרון כאופציה נוספת כשמיישרים קבוצות של פריטים גמישים או פריטים ברשת.

יישור בסיסי ראשון

אם מגדירים את הערך של align-items כ-baseline, התוצאה תהיה ההתאמה הראשונה של ערכי הבסיס. לכן, ערך הבסיס הראשון של הפריט שבחרת ליישר (כפי שמתואר כנושא היישור) יתאים לקו הבסיס הראשון של הפריטים האחרים בקבוצה. אפשר לראות זאת בדוגמה הבאה, שבה שני הפריטים הגמישים הראשונים מיושרים באמצעות align-items: baseline, כך שהם מיושרים לאורך הבסיס שנוצר על ידי הטקסט הגדול. הפריט האחרון מיושר ל-flex-start ולכן מיושר להתחלה של המאגר הגמיש.

יישור קו הבסיס האחרון

כשמיישרים פריט רשת או פריט גמיש לערך last baseline, ערך הבסיס האחרון של הפריט יותאם לערך הבסיס האחרון של קבוצת השיתוף הבסיסית שאליה הוא שייך. הדוגמה הבאה ממחישה את היישור הבסיסי האחרון, כשהפריט הגמיש הראשון יישור לשורת הטקסט האחרונה בפריט הגדול. הפריט האחרון בקבוצה הזו מיושר ל-flex-end, שהוא סוף המאגר הגמיש.

יישור חלופי

אם לנושא היישור אין קבוצת שיתוף בסיסית שאליה אפשר להתאים, המערכת תשתמש ביישור חלופי. עבור baseline ו-first baseline היישור החלופי הוא start, ועבור last baseline היישור החלופי הוא end.