Als u een beginnende webontwerper bent, hebt u mogelijk vragen over hoe u de tekst in een tabelcel moet centreren. Met deze gids, beheer deze techniek in slechts een paar minuten. Het is gemakkelijk - zelfs als je het nog nooit hebt geprobeerd.
Ermee beginnen
Centreren van tekst in een cel kan het best gebeuren met CSS, net zoals je tekst zou centreren in een ander element op je webpagina. Voordat u begint, moet u echter beslissen wat u precies wilt centreren. Met een tabel heb je verschillende opties, waaronder elke cel in de tabel; elke koptekstcel in de tabel elke cel in de tafelkop, tafellichaam of tafelvoet. U kunt ook een specifieke cel of reeks cellen in de tabel centreren.
Bovendien moet u een interne stijlpagina in de kop van uw document maken of als een externe stijlpagina aan het document hechten. 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 uw stylesheet:
td, th {text-align: center;} Voeg de volgende regels toe aan uw stylesheet: th {text-align: center;} Als u deze cellen wilt centreren, moet u tabellabels toevoegen die niet altijd worden gebruikt, zoals , thead th, thead td {text-align: center;}tbody th, tbody td {text-align: center;}tfoot th, tfoot td {text-align: center;}
Verwijder de stijlen voor de gebieden die u niet gecentreerd wilt hebben. Hiervoor 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 uw stylesheet: .centered-cell {text-align: center;}
U kunt deze klasse toevoegen aan elke cel in uw tabel. Aarzel niet om deze stijlen te gebruiken in een van uw tabelcellen. Je kunt ze gebruiken op samengevoegde cellen of op losse cellen en de tekst erin wordt gecentreerd. Elke kopcel in de tabel centreren
Centreren van elke cel in de tafel Hoofd, lichaam of voet
Hoe een specifieke cel of cellen in een tabel te centreren
class = "centered-cel" >
Afsluiten
