Wenn Sie noch kein Webdesigner sind, haben Sie möglicherweise Fragen, wie Sie den Text in einer Tabellenzelle zentrieren können. Mit dieser Anleitung beherrschen Sie diese Technik in wenigen Minuten. Es ist einfach - auch wenn Sie es noch nie versucht haben.
Fertig machen
Das Zentrieren von Text innerhalb einer Zelle erfolgt am besten mit CSS, genauso wie Sie den Text in einem anderen Element auf Ihrer Webseite zentrieren würden. Bevor Sie beginnen, müssen Sie jedoch entscheiden, was genau zentriert werden soll. Mit einer Tabelle haben Sie mehrere Optionen, einschließlich jeder Zelle in der Tabelle. Jede Kopfzelle in der Tabelle Jede Zelle im Tabellenkopf, Tabellenkörper oder Tabellenfuß. Sie können auch eine bestimmte Zelle oder einen Satz von Zellen in der Tabelle zentrieren.
Darüber hinaus sollten Sie ein internes Stylesheet im Kopf Ihres Dokuments erstellen oder als externes Stylesheet an das Dokument anhängen. Sie werden die Stile setzen, um Ihre Tabellenzellen in diesem Stylesheet zu zentrieren.
So zentrieren Sie jede Zelle in der Tabelle
Fügen Sie Ihrem Stylesheet die folgenden Zeilen hinzu:
td, th {Text ausrichten: Mitte;} Fügen Sie Ihrem Stylesheet die folgenden Zeilen hinzu: th {Text ausrichten: Mitte;} Um diese Zellen zu zentrieren, müssen Sie Tabellen-Tags hinzufügen, die nicht immer verwendet werden, z , thead th, thead td {Text ausrichten: Mitte;}tbody th, tbody td {Text ausrichten: Mitte;}tfoot th, tfoot td {Text ausrichten: Mitte;}
Entfernen Sie die Stile für die Bereiche, die nicht zentriert werden sollen. Dazu müssen Sie eine Klasse für die Zellen festlegen, die zentriert werden sollen. Fügen Sie den Tabellenzellen, die zentriert werden sollen, das folgende Attribut hinzu: Fügen Sie dann Folgendes zu Ihrem Stylesheet hinzu: zentrierte Zelle {Text ausrichten: Mitte;}
Sie können diese Klasse jeder Zelle in Ihrer Tabelle hinzufügen. Zögern Sie nicht, diese Stile für Ihre Tabellenzellen zu verwenden. Sie können sie in zusammengefügten Zellen oder in einzelnen Zellen verwenden und der Text wird zentriert. So zentrieren Sie jede Kopfzelle in der Tabelle
Jede Zelle im Tischkopf, Körper oder Fuß zentrieren
So zentrieren Sie eine bestimmte Zelle oder Zellen in einer Tabelle
class = "zentrierte Zelle" >
Einpacken