Hvis du er en novice webdesigner, kan du have spørgsmål om, hvordan du centrerer teksten inde i en tabelcelle. Med denne vejledning behersker du denne teknik på få minutter. Det er nemt - selvom du aldrig har prøvet det før.
Kom i gang
Centrering af tekst inde i en celle udføres bedst med CSS, ligesom du ville centrere tekst i et andet element på din webside. Før du begynder, skal du dog bestemme, hvad du vil være centreret. Med et bord har du flere muligheder, herunder hver celle i bordet; hver headercelle i bordet hver celle i bordhovedet, bordkroppen eller bordfoden. Du kan også centrere en bestemt celle eller et sæt celler inde i tabellen.
Desuden skal du oprette et internt stilark i hovedet på dit dokument eller vedhæftet dokumentet som et eksternt stilark. Du vil sætte stilarterne for at centrere dine bordceller i det stilark.
Sådan centreres hver celle i tabellen
Tilføj følgende linjer til dit stilark:
td, th {tekst-align: center;} Tilføj følgende linjer til dit stilark: th {tekst-align: center;} For at centrere disse celler skal du tilføje tabeller, der ikke altid bruges, f.eks , thead th, thead td {tekst-align: center;}tbody th, tbody td {tekst-align: center;}tfoot th, tfoot td {tekst-align: center;}
Fjern stilarterne for de områder, du ikke ønsker at være centreret om. For at gøre dette skal du indstille en klasse på de celler, du vil centrere. Tilføj følgende attribut til de tabelceller, du vil centrere: Tilføj derefter følgende til dit stilark: .centered-celle {tekst-align: center;}
Du kan føje denne klasse til en celle i din tabel. Tøv ikke med at bruge disse stilarter på nogen af dine tabelceller. Du kan bruge dem på fusionerede celler eller på enkeltceller, og teksten indenfor vil blive centreret. Sådan centreres hver headercelle i tabellen
Centrering af hver celle i bordhovedet, krop eller fod
Sådan centreres en specifik celle eller celler i en tabel
class = "centreret-celle" >
Afslutter
