כיצד להוסיף רווח בין עמודות מבלי להשפיע על שורות בטבלת HTML?
מאפייני הריפוד שמאלה וימין משמשים להוספת מרווח בין עמודות מבלי להשפיע על הפריסה הכוללת של הטבלה. מאפיין זה מאפשר למפתחים להוסיף מרווחים נוספים והמרווח הזה אינו משפיע על שורות.
בצע את השלבים הבאים:
שלב 1: צור מבנה טבלה
נניח שיש טבלה בקובץ HTML המכילה ארבע שורות ושלוש עמודות:
< שולחן >
< tr >
< ה' > שֵׁם < / ה' >
< ה' > מעמד < / ה' >
< ה' > עִיר < / ה' >
< / tr >
< tr >
< td > ג'ון < / td >
< td > BS Chem < / td >
< td > לונדון < / td >
< / tr >
< tr >
< td > אלכסנדר < / td >
< td > תואר ראשון במתמטיקה < / td >
< td > טוקיו < / td >
< / tr >
< tr >
< td > יוסף < / td >
< td > BS CS < / td >
< td > ניו יורק < / td >
< / tr >
< / שולחן >
לאחר ביצוע דף האינטרנט של הקוד לעיל נראה כך:
הפלט מאשר שנוצר מבנה טבלה.
שלב 2: החלת ריפוד אופקי
כדי להוסיף מרווח בין עמודות מצד שמאל, השתמש ב-' ריפוד-שמאל ' נכס CSS. לאחר החלת מאפיין זה, הנתונים נראים כמו היישור הנכון. הסיבה היא שהריפוד מוחל רק מצד שמאל.
כעת בחר את האלמנט 'td' בחלק ה-CSS של הסגנונות שניתן ליישם בשיטה המוטבעת. לאחר מכן, הוסף ריפוד של ' 50 פיקסלים כדי להוסיף מרווחים ולהוסיף מאפיין גבול למטרות הדמיה טובה יותר:
td {padding-left: 50px;
גבול : 2px אדום מלא;
}
לאחר ביצוע הקוד, דף האינטרנט נראה כך:
הפלט מציג שהרווח נוסף בין העמודות של הטבלה.
כעת, כדי להגדיר את הריפוד מצד ימין, ' ריפוד-ימין ” הנכס מנוצל. באותו אופן, אבל כעת נתוני תאים נראים ' מיושר לשמאל '. הקוד הוא:
td {padding-left: 50px;
גבול : 2px אדום מלא;
}
לאחר ביצוע הקוד לעיל, דף האינטרנט נראה כך:
הפלט מאשר שהרווח בין העמודות גדל על ידי החלת ריפוד בצד ימין.
שלב 3: שילוב של ריפוד שמאל וימין
כמו בשלב שלמעלה, הנתונים אינם מיושרים למרכז בשני המקרים וזה הופך את הנתונים ללא מקצועיים. לעשות את זה בולט מבלי לשבור את החוש העיצובי. ניתן להשתמש בשני הנכסים בו-זמנית כמו להלן:
td {ריפוד-ימין: 60px;
padding-left: 60px;
גבול : 2px אדום מלא;
}
לאחר ביצוע הקוד לעיל, דף האינטרנט נראה כך:
הפלט מאשר שהרווח נוסף בין העמודות וגם הנתונים מיושרים למרכז.
סיכום
ניתן להוסיף את הרווח בין עמודות הטבלה בעזרת ריפוד מאפייני שמאל וימין. מאפיינים אלה מוסיפים שטח נוסף מהכיוונים הימניים והשמאליים לתא. ניתן להשתמש בשני המאפיינים בו-זמנית או בנפרד. מאמר זה הדגים בהצלחה כיצד להוסיף מרווח בין עמודות הטבלה מבלי להשפיע על שורות.