Bir Cədvəl Hücreindəki Mərkəzi Mətnə necə

Bir təcrübəsiz veb-dizayner olsanız, bir masa hücresinin içərisində mətni necə mərkəzləşdirmək barədə suallarınız ola bilər. Bu təlimatla bu texnikanı bir neçə dəqiqə ərzində idarə edin. Çox asan - hətta əvvəl heç vaxt çalışmadığınız təqdirdə.

Başlanğıc

Bir hüceyrənin içərisində mərkəzli mətn ən yaxşısı, CSS-də, başqa bir elementdə də mətnin veb səhifəsində yerləşdirilməsidir. Başlamazdan əvvəl, mərkəzləşdirilmək üçün tam olaraq nə istədiyinizi qərar verməlisiniz. Bir masa ilə, masanın hər bir hüceyrəsi də daxil olmaqla, bir neçə variantınız var; masanın hər başlıq hüceyrəsi masanın başı, masa bədəni və ya masa ayağındakı hər bir hüceyrə. Ayrıca, masa içərisində xüsusi bir hüceyrə və ya hüceyrə dəstini mərkəzləşdirə bilərsiniz.

Bundan əlavə, sənədinizin başında daxili stillər yaratmaq və ya xarici stil hesabatı kimi sənədə əlavə etmək lazımdır. Stilləri üslub tərzində masa hüceyrələrinizin mərkəzinə qoyacaqsınız.

Cədvəldə hər hüceyrənin mərkəzinə necə

Stilinizə aşağıdakı satırları əlavə edin:

td, th {mətn-align: mərkəzi; }

Cədvəldə hər bir başlıq hüdudunun mərkəzi

Stilinizə aşağıdakı satırları əlavə edin:

th {mətn-align: mərkəzi; }

Cədvəl Başında, Bədənində və ya Ayağında Hər Hücreə Mərkəzləşdirilməsi

Bu hüceyrələri mərkəzləşdirmək üçün hər zaman istifadə edilməyən, məsələn , və kimi masa etiketləri əlavə etmək lazımdır. Sonra masa başını, bədənini və ayağını müəyyən etmək üçün masa hüceyrələrinizi bu etiketlərlə əhatə edəcəksiniz. Bundan sonra stilinizə aşağıdakıları əlavə edəcəyik:

Tövsiyə edilənlər, mətn-align: mərkəzi; } tbody th, tbody td {mətn-align: mərkəzi; } tfoot th, tfoot td {text-align: center; }

Mərkəzləşdirilmək istəməyən sahələr üçün üslubları sil.

Cədvəldə spesifik bir hüceyrə və ya hüceyrələri necə mərkəzləşdirmək olar?

Bunu etmək üçün mərkəzləşdirilmək istənən hüceyrələrə bir sinif qoymalısınız.

Mərkəzləşdirilmək istənən masa hüceyrələrinə aşağıdakı xüsusiyyətləri əlavə edin:

class = "merkezli hücre" >

Sonra stilinizə aşağıdakıları əlavə edin:

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

Bu sinfi masanızdakı hər hansı bir hüceyrəyə əlavə edə bilərsiniz.

Wrapping Up

Masa hüceyrələrinizin hər hansı birində bu üslublardan istifadə etməkdən çəkinməyin. Onları birləşdirilmiş hüceyrələrdən və ya vahid hüceyrələrdən istifadə edə bilərsiniz və içindəki mətn mərkəzli olacaq.