Hvis du er en nybegynner Webdesigner, kan du kanskje ha spørsmål om hvordan du senterer teksten inne i en tabellcelle. Med denne veiledningen, master denne teknikken på bare noen få minutter. Det er enkelt - selv om du aldri har prøvd det før.
Starter
Sentering av tekst inne i en celle er best gjort med CSS, akkurat som du vil sentrere tekst i et annet element på websiden din. Før du begynner, må du imidlertid bestemme hva du vil være sentrert. Med et bord har du flere alternativer, inkludert hver celle i bordet; hver headercelle i bordet hver celle i bordhodet, bordkroppen eller bordfoten. Du kan også sentrere en bestemt celle eller et sett med celler i tabellen.
I tillegg bør du opprette et internt stilark i hodet på dokumentet eller vedlagt dokumentet som et eksternt stilark. Du vil sette stilene for å sentrere tabellceller i det stilarket.
Slik senterer du hver celle i tabellen
Legg til følgende linjer i stilarket ditt:
td, th {tekst-align: center;} Legg til følgende linjer i stilarket ditt: th {tekst-align: center;} For å kunne sentrere disse cellene må du legge til tabeller som ikke alltid brukes, for eksempel , thead th, theed td {tekst-align: center;}tbody th, tbody td {tekst-align: center;}tfoot th, tfoot td {tekst-align: center;}
Fjern stilene for områdene du ikke vil være sentrert. For å gjøre dette må du sette en klasse på cellene du vil være sentrert. Legg til følgende attributt til tabellcellene du vil være sentrert: Legg deretter til følgende i stilarket ditt: .centered-celle {tekst-align: center;}
Du kan legge denne klassen til en celle i bordet ditt. Ikke nøl med å bruke disse stilene på noen av tabellceller. Du kan bruke dem på sammenslåtte celler eller på enkeltceller og teksten i vil bli sentrert. Slik senterer du hver headercelle i tabellen
Sentrere hver celle i bordhodet, kroppen eller foten
Slik senterer du en bestemt celle eller celler i et bord
class = "sentrert-celle" >
Wrapping Up
