שינוי המרחק בין מילים בטקסטים של דפי אינטרנט אינו טריוויאלי כפי שזה נראה. שניים, שלושה או יותר רווחים רצופים בין מילים סמוכות, על פי תקני HTML, לא ישפיעו על המרחק ביניהם בשום צורה שהיא - הדפדפן יציג אותם כמרווח יחיד. אך, כמובן, ישנם כלים לפתרון בעיה זו.
הוראות
שלב 1
אפשרות אחת היא להשתמש בתו HTML מיוחד הנקרא non-breakable-space. הוא מוצג באותו אופן כמו רווח רגיל, והמיוחד הוא שאם שתי מילים מופרדות על ידי רווח מיוחד כזה, הדפדפן יחשב שמדובר במילה אחת ממוזגת, שלא ניתן להפריד ביניהן. בשל תכונה זו, הדפדפן לא יפריע לתצוגה של כמה רווחים כאלה ברצף, כלומר לא יחליף רווחים מרובים באחד. סימן מיוחד זה מסומן על ידי קבוצת התווים הבאה: "& nbsr;" (ללא ציטוטים). בקוד המקור של המסמך, פסקה של טקסט עם מילים המופרדות על ידי תווים מיוחדים כאלה יכולה להיראות כך:
זהו דוגמה לטקסט & nbsr; & nbsr; פסק & nbsr; & nbsr; & nbsr;
כאן המרחק בין המילה הראשונה לשנייה יהיה נורמלי, בין השנייה לשלישית - מוכפלת, ובין השלישית לרביעית - שולש.
שלב 2
הרבה יותר נפוץ הוא שליטה בריווח בין מילים באמצעות שפת תיאור סגנון (CSS). בשפת CSS, ההגדרה המתאימה עשויה להיראות כך: רווח בין מילים: 15 פיקסלים; הנה גודל הרווח בין מילים סמוכות ב -15 פיקסלים. אתה יכול להוסיף מאפיין סגנון כמעט לכל תג. לדוגמה, תג פסקה עם מאפיין זה, המגדיר את המרחק של 20 פיקסלים בין כל המילים בפסקה, עשוי להיראות כך:
פיסקת טקסט עם רווח מוגבר בין מילים
שלב 3
בדרך כלל, גושי סגנון ממוקמים בכותרת המסמך או בקבצים נפרדים. בבלוק כזה תוכלו להגדיר מספר ערכים למרחק בין מילים ולארוז אותם למחלקות שונות, ובגוף המסמך לציין קישורים למחלקות המתאימות בתגיות. לדוגמה, תיאור של מחלקה בשם dblSpace עשוי להיראות כך:
.dblSpace {רווח בין מילים: 20 פיקסלים}
ותג פיסקה עם קישור למחלקה זו בגוף המסמך יהיה, למשל, כך:
פיסקה עם מרווח מילים רחב
