Als je een beginnende webdesigner bent, heb je misschien vragen over het centreren van de tekst in een tabelcel. Met deze gids leert u deze techniek in slechts een paar minuten. Het is gemakkelijk - zelfs als je het nog nooit eerder hebt geprobeerd.
Beginnen
Tekst centreren binnenkant van een cel kan het beste worden gedaan met CSS, net zoals u tekst in een ander element op uw webpagina zou centreren. Voordat u begint, moet u echter beslissen wat u precies wilt centreren. Met een tabel heb je verschillende opties, inclusief elke cel in de tabel; elke kopcel in de tabel elke cel in het tafelhoofd, tafellichaam of tafelvoet. U kunt ook een specifieke cel of reeks cellen in de tabel centreren.
Daarnaast moet u een interne stylesheet in de kop van uw document of als bijlage bij het document externe stylesheet. U plaatst de stijlen om uw tabelcellen in dat stijlblad te centreren.
Hoe elke cel in de tabel te centreren
Voeg de volgende regels toe aan je stylesheet:
td, de {
tekst uitlijnen: midden;
}
Elke kopcel in de tabel centreren?
Voeg de volgende regels toe aan je stylesheet:
de {
tekst uitlijnen: midden;
}
Elke cel in de tafel centreren Hoofd, lichaam of voet
Om deze cellen te centreren, moet u tabeltags toevoegen die niet altijd worden gebruikt, zoals.
hoofd th, hoofd td {
tekst uitlijnen: midden;
}
tbody th, tbody td {
tekst uitlijnen: midden;
}
tvoet th, tvoet td {
tekst uitlijnen: midden;
}
Verwijder de stijlen voor de gebieden die u niet wilt centreren.
Een specifieke cel of cellen in een tabel centreren
Om dit te doen, moet u een klasse instellen op de cellen die u wilt centreren.
Voeg het volgende kenmerk toe aan de tabelcellen die u wilt centreren:
Voeg dan het volgende toe aan je stylesheet:
.gecentreerde-cel {
tekst uitlijnen: midden;
}
U kunt deze klasse aan elke cel in uw tabel toevoegen.
Afsluiten
Aarzel niet om deze stijlen op een van uw tabelcellen te gebruiken. Je kunt ze gebruiken op samengevoegde cellen of op enkele cellen en de tekst erin wordt gecentreerd.