Heim > Artikel > Web-Frontend > So zentrieren Sie Text in einer CSS-Tabelle
So zentrieren Sie Text in einer CSS-Tabelle
- WBOYOriginal
- 2021-11-25 16:22:0412212Durchsuche
In CSS können Sie das Attribut „text-align“ verwenden, um die zentrierte Ausrichtung des Tabellentextes festzulegen. Durch Setzen des Attributwerts auf „center“ kann eine zentrierte Ausrichtung des Texts erreicht werden. Die Syntax lautet „table Object{text-align:center;}“.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
So zentrieren Sie den Text in einer CSS-Tabelle
In CSS können Sie die zentrierte Ausrichtung des Tabelleninhalts über das text-align-Attribut festlegen das Element.
Dieses Attribut legt die horizontale Ausrichtung von Text innerhalb von Elementen auf Blockebene fest, indem es den Punkt angibt, an dem das Linienfeld ausgerichtet wird. Der Wert justify wird dadurch unterstützt, dass Benutzeragenten den Abstand zwischen Buchstaben und Wörtern im Zeileninhalt anpassen können. Verschiedene Benutzeragenten können zu unterschiedlichen Ergebnissen führen.
Sehen wir uns den konkreten Vorgang anhand eines Beispiels an. Das Beispiel sieht wie folgt aus:
<html>
<body>
<style>
td{
text-align:center;
}
</style>
<table border="1">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>100</td>
<td>100</td>
</tr>
</table>
</body>
</html>Ausgabeergebnis:
(Lernvideo-Sharing: css-Video-Tutorial)
Das obige ist der detaillierte Inhalt vonSo zentrieren Sie Text in einer CSS-Tabelle. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!