Si të Qendrës Tekst në një Cell Tabela

Nëse je një projektues rishtar Web, mund të kesh pyetje rreth asaj se si të përqendrosh tekstin brenda një qelize të tabelës. Me këtë udhëzues, zotëroni këtë teknikë në vetëm disa minuta. Është e lehtë - edhe nëse nuk keni provuar më parë.

Fillimi

Teksti qendror brenda një qelize bëhet më së miri me CSS, ashtu si do të përqendroheni në një element tjetër në web faqen tuaj. Para se të filloni, megjithatë, ju duhet të vendosni se çfarë saktësisht dëshironi të përqendroheni. Me një tabelë, ju keni disa mundësi, duke përfshirë çdo qelizë në tabelë; çdo qelizë header në tabelë çdo qelizë në kreun e tryezës, trupin e tryezës ose këmbën e tryezës. Ju gjithashtu mund të përqendroni një qelizë të caktuar ose një sërë qelizash brenda tabelës.

Përveç kësaj, duhet të krijoni një fletë të brendshme të stilit në krye të dokumentit tuaj ose të bashkëngjitet në dokument si një fletë e stilit të jashtëm . Ju do t'i vendosni stilet për të përqendruar qelizat tuaja të tryezës në atë fletë stili.

Si të Qendrës Çdo Cell në Tabelë

Shtoni linjat e mëposhtme në fletën tuaj të stilit:

td, th {text-align: qendra; }

Si të Qendrës Çdo Cell Header në Tabelë

Shtoni linjat e mëposhtme në fletën tuaj të stilit:

th {text-align: qendra; }

Qëndron çdo qelizë në kokën, trupin ose këmbën e tabelës

Në mënyrë që të përqendrohen këto qeliza, ju duhet të shtoni etiketat e tabelave që nuk përdoren gjithmonë, të tilla si , dhe . Pastaj, do të rrethosh qelizat e tryezës me këto tags për të identifikuar kokën, trupin dhe këmbën e tavolinës. Pas kësaj, do të shtoni sa më poshtë në fletën tuaj të stilit:

thead th, thead td {text-align: qendra; } tbody th, tbody td {text-align: qendra; } tfoot th, tfoot td {text-align: qendra; }

Hiqini stilet për zonat që nuk dëshironi të përqendroheni.

Si të Qendroni një Qelizë ose Qelizë të Veçantë në një Tabelë

Për ta bërë këtë, ju duhet të vendosni një klasë në qelizat që dëshironi të përqendroheni.

Shtoni cilësin e mëposhtëm në qelizat e tabelës që dëshironi të përqendroheni:

class = "centered-cell" >

Pastaj shtoni sa më poshtë në fletën tuaj të stilit:

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

Ju mund ta shtoni këtë klasë në çdo qelizë në tryezën tuaj.

Duke përfunduar

Mos hezitoni të përdorni këto stile në secilën nga qelizat e tryezës tuaj. Ju mund t'i përdorni ato në qelizat e bashkuara ose në qeliza të vetme dhe teksti i brendshëm do të jetë në qendër.