הדרך הטובה ביותר למרכז טקסט בתא טבלה

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

מתחילים

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

בנוסף, עליך ליצור דף סגנון פנימי בראש המסמך שלך או מצורף למסמך בתור גיליון סגנונות חיצוני. תוכלו להכניס את הסגנונות למרכז תאי הטבלה בגליון הסגנון הזה.

כיצד למרכז כל תא בטבלה

הוסף את השורות הבאות לגיליון הסגנונות שלך:

td, th {
יישור טקסט: מרכז;
} 

כיצד למרכז כל תא כותרת בטבלה

הוסף את השורות הבאות לגיליון הסגנונות שלך:

ה {
יישור טקסט: מרכז;
} 

מרכז כל תא בראש השולחן, בגופו או ברגלו

על מנת למרכז תאים אלה, עליך להוסיף תגי טבלה שלא תמיד משתמשים בהם, כגון.

thead th, thead thd {
יישור טקסט: מרכז;
}
tbody th, tbody td {
יישור טקסט: מרכז;
}
tfoot th, tfoot td {
יישור טקסט: מרכז;
}

הסר את הסגנונות עבור האזורים שאינך מעוניין במרכזם.

כיצד למרכז תא ספציפי או תאים בטבלה

לשם כך, עליך להגדיר מחלקה על התאים שאתה רוצה להיות מרוכזים.

הוסף את התכונה הבאה לתאי הטבלה שברצונך למרכז:

ואז הוסף את הדברים הבאים לגיליון הסגנונות שלך:

תאים מרכזיים {
יישור טקסט: מרכז;
}

אתה יכול להוסיף מחלקה זו לכל תא בטבלה שלך.

מסיימים

אל תהסס להשתמש בסגנונות אלה בכל אחד מתאי הטבלה שלך. אתה יכול להשתמש בהם בתאים ממוזגים או בתאים בודדים והטקסט בתוכו יהיה מרוכז.