אם אתה מעצב אינטרנט טירון, ייתכן שיש לך שאלות על איך למקד את הטקסט בתוך תא בטבלה. בעזרת מדריך זה, הורים טכניקה זו רק כמה דקות. זה קל - גם אם מעולם לא ניסית קודם.
מתחילים
טקסט מרכזי בתוך התא הוא הטוב ביותר לעשות עם CSS, בדיוק כמו שאתה מרכז טקסט אלמנט אחר בדף האינטרנט שלך. לפני שתתחיל, עם זאת, אתה צריך להחליט מה בדיוק אתה רוצה להיות מרוכז. עם שולחן, יש לך כמה אפשרויות, כולל כל תא בטבלה; כל תא בראש השולחן בכל תא בראש השולחן, גוף השולחן או רגל השולחן. אתה יכול גם מרכז תא מסוים או קבוצה של תאים בתוך הטבלה.
בנוסף, עליך ליצור גיליון סגנונות פנימי בראש המסמך או להצמיד אותו למסמך כגיליון סגנונות חיצוני. תוכלו לשים את הסגנונות למרכז התאים בטבלה שלך גיליון הסגנון.
כיצד מרכז כל תא בטבלה
הוסף את השורות הבאות לגיליון הסגנונות שלך:
td, th {text-align: center;} הוסף את השורות הבאות לגיליון הסגנונות שלך: 12text-align: center;} כדי למרכז תאים אלה, עליך להוסיף תגי טבלה שאינם תמיד בשימוש, כגון , ליום ו,text-align: center;}tbody th, tbody td {text-align: center;}tfoot th, tfoot td {text-align: center;}
הסר את הסגנונות עבור האזורים שאתה לא רוצה להיות מרוכז. לשם כך, עליך להגדיר מחלקה בתאים שברצונך להתמקד בהם. הוסף את התכונה הבאה לתאי הטבלה שברצונך למקד אותם: לאחר מכן הוסף את הדף הבא לגיליון הסגנונות שלך: .centered-cell {text-align: center;}
ניתן להוסיף מחלקה זו לכל תא בטבלה. אל תהסס להשתמש סגנונות אלה על כל אחד מהתאים השולחן שלך. אתה יכול להשתמש בהם על תאים ממוזגים או על תאים בודדים ואת הטקסט בתוך יהיה מרוכז. כיצד מרכז כל כותרת תא בטבלה
מרכז כל תא בראש השולחן, גוף או רגל
כיצד מרכז תא ספציפי או תאים בטבלה
class = "cented-cell" >
מסיימים
