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

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

מתחילים

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

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

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

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

td, th {text-align: center; }

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

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

{text-align: center; }

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

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

ליום ו youod, } tbody th, tbody td {text-align: center; } tfoot th, tfoot td {text-align: center; }

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

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

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

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

class = "cented-cell" >

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

.centered-cell {text-align: center; }

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

מסיימים

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