שימוש במאפיין CSS-Align Text כדי להצדיק טקסט
אחד המאפיינים של טיפוגרפיה של אתר שאתה יכול לבחור להתאים במהלך הפיתוח של האתר הוא איך הטקסט של האתר מוצדק. כברירת מחדל, טקסט של אתר נותר מוצדק וכך מספר האתרים משאירים את הטקסט שלהם. האפשרויות האחרות היחידות מוצדקות בצדק, אשר אף אחד לא משתמש באתרי אינטרנט שכן זה יהפוך את הטקסט בלתי אפשרי למעשה לקרוא באינטרנט, או מה שמכונה מוצדקת לחלוטין.
טקסט מוצדק הוא גוש טקסט שמתאימה בצד שמאל ובצד ימין, להבדיל מאחד מהצדדים (מה ש"הצדקה "ו"הימנית" עושה). ההשפעה המוצדקת כפליים מושגת על ידי התאמת המלל מילה ומלל בכל שורה של טקסט כדי להבטיח שכל שורה היא באותו אורך. השפעה זו נקראת הצדקה מלאה . אתה מצדיק טקסט ב- CSS באמצעות המאפיין יישור טקסט .
כיצד פועל הצדק?
הסיבה שאתה רואה לעתים קרובות קצה אחיד בצד ימין של גוש טקסט היא כי כל שורה של טקסט הוא לא אותו אורך. כמה שורות יש יותר מילים או מילים ארוכות יותר, בעוד לאחרים יש מילים פחות או קצר יותר. כדי להצדיק את גוש הטקסט, יש להוסיף רווחים נוספים לשורות מסוימות כדי אפילו את כל השורות ולהפוך אותן לעקביות.
לכל יצרן דפדפן אינטרנט יש אלגוריתם משלו ליישום רווחים נוספים בתוך שורה. הדפדפנים מסתכלים על אורך המילה, מיקוף וגורמים אחרים כדי לקבוע היכן לשים את החללים.
כתוצאה מכך, טקסט מוצדק עשוי שלא להיראות זהה מדפדפן אחד למשנהו. זה בסדר שכן לא מבקר באתר יקפוץ מדפדפן אחד למשנהו רק כדי להשוות את האורך של קו האתר שלך נראה! היה סמוך ובטוח, עם זאת, כי תמיכה בדפדפן הראשי טוב להצדיק טקסט עם CSS.
כיצד להצדיק טקסט
הצדקת טקסט עם CSS דורשת קטע טקסט להצדיק.
בדרך כלל, זה נעשה לפסקאות של טקסט מאז בלוקים גדולים של הקשר טקסט זה משתרע שורות מרובות יהיה מסומן עם תגי פסקה.
אחרי שיש לך בלוק של טקסט כדי להצדיק, זה רק עניין של הגדרת הסגנון כדי להצדיק עם CSS בסגנון ליישר סגנון.
text-align: justify;
עליך להחיל כלל CSS זה על בורר מתאים כדי לקבל את גוש הטקסט כדי לעבד לפי הצורך.
מתי להצדיק טקסט
אנשים רבים אוהבים את המראה של טקסט מוצדק מתוך נקודת מבט עיצובית, בעיקר משום שהוא יוצר מראה עקבי מאוד, נמדד, אבל יש חסרונות להצדיק לחלוטין טקסט בדף אינטרנט.
ראשית, טקסט מוצדק יכול להיות קשה לקריאה. הסיבה לכך היא כי כאשר אתה מצדיק טקסט, הרבה מקום נוסף ניתן להוסיף לפעמים בין כמה מילים על הקו. פערים לא עקביים אלה עלולים להפוך את הטקסט לקשה יותר לקריאה. זה חשוב במיוחד על דפי אינטרנט, אשר יכול להיות קשה לקרוא כבר בגלל תאורה, רזולוציה או איכות חומרה אחרים. הוספת רווחים יוצאי דופן לטקסט עלולה לגרום למצב גרוע אפילו יותר.
בנוסף לבעיות הקריאות, המרחבים הריקים נוצרים לעתים אחד עם השני כדי ליצור "נהרות" של חלל לבן באמצע הטקסט.
אלה פערים גדולים של שטח לבן באמת יכול לעשות עבור להציג מביך. בנוסף, על קווים קצרים ביותר, הצדקה יכולה לגרום לשורות המכילות מילה אחת עם רווחים נוספים בין האותיות עצמן.
אז מתי אתה צריך להשתמש בטקסט הצדקה? הזמן הטוב ביותר להצדיק טקסט מתרחשת כאשר השורות ארוכות וגודל הגופן קטן (דבר שקשה להבטיח באתרי אינטרנט בעלי יכולת תגובה, כאשר אורך השורות משתנה בהתאם לגודל המסך). אין מספר קשה ומהיר לאורך הקו או לגודל הטקסט, עליך להשתמש בשיקול דעתך הטוב ביותר.
לאחר החלת סגנון יישור הטקסט כדי להצדיק טקסט, בדוק אותו כדי לוודא שלטקסט אין נהרות של חלל לבן - והקפד לבדוק אותו במגוון גדלים.
הדרך הקלה ביותר לעשות זאת היא לראות את זה בעיניים מצומצמות. הנהרות בולטים ככתמים של לבן בגוש טקסט אפור. אם אתה רואה נהרות, אתה צריך לעשות שינויים בגודל הטקסט או רוחב של בלוק טקסט להיפטר אלה נהרות מכוערים.
השתמש רק בהצדקה לאחר שהשווה אותה לטקסט שמיושר לימין, כפי שמוצג במאמר זה. אתה עושה כמו העקביות של הצדקה מלאה, אבל את הטקסט השמאלי מוצדק שמאל הוא בדרך כלל קריא יותר. בסופו של דבר, אתה צריך להצדיק טקסט כי בחרת להצדיק את הטקסט למטרות עיצוב ואישר כי האתר שלך נשאר קל לקריאה.