Der Inhalt der Tabelle in HTML wird horizontal und vertikal in der Mitte angezeigt

Der Inhalt der Tabelle in HTML wird horizontal und vertikal in der Mitte angezeigt

In CSS-Style-Datei angeben

#class td /*Legen Sie den Tabellentext so fest, dass er links und rechts sowie oben und unten ausgerichtet ist*/ 
{  
    vertikale Ausrichtung: Mitte;
    Textausrichtung: zentriert;  
}
/*Klasse ist die Klasse, zu der es gehört*/
<div id="Klasse" align="center" style="margin: 0cm 0cm 0pt; text-align: left">                                                                      
<table class="table table-bordered" border="1" width="100%" style="font-size: 14pt; color: #000000; font-family: Chinesisch;mso-ascii-font-family: 'times new roman'; mso-hansi-font-family: 'times new roman'">                                                             
<caption><h2 style="text-align: left;font-size: 16pt;font-family: 宋体;color: red;">Titel</h2><
/Beschriftung>                                                              
<tbody>                                                                 
<tr style="Schriftstärke: fett;mso-bidi-Schriftgröße: 12,0pt;Schriftfamilie: Chinesisch;" >                                                                      
<td>Seriennummer</td>                                                                      
<td>Anwendbare Situationen</td>                                                                      
 <td>Einzelheiten</td>                                                                       
<td>Bemerkungen</td>                                                                   
 </tr>                                                                                                                                       
<tr>                                                                    
<td>1</td>                                                                     
<td>xxxxx</td>                                                                      
<td style="text-align: left;"> <!--Linksbündig festlegen-->                                                                     
 <span>                                                                             
xxxxxx<br>                                                                                                                                                        
</span>                                                                      
</td>                                                                       
<td><a href="#">Details anzeigen</a>
</td>                                                              
</tr>                                                
</tbody>                                                          
</Tabelle> 
</div>

Oben wird die ID als Klasse in div angegeben. Anschließend verwendet das Attribut td der Tabelle den in CSS angegebenen Stil, wie in der Abbildung gezeigt.

這里寫圖片描述

Oben habe ich Ihnen die horizontale und vertikale Zentrierung des Tabelleninhalts in HTML vorgestellt. Ich hoffe, es wird Ihnen helfen. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und ich werde Ihnen rechtzeitig antworten. Ich möchte auch allen für ihre Unterstützung der Website 123WORDPRESS.COM danken!

<<:  So kapseln Sie Axios in Vue

>>:  Detaillierte Erläuterung der Verwendung der MySQL-Verkettungsfunktion CONCAT

Artikel empfehlen

Warum kann das in HTML eingebettete Video im MP4-Format nicht abgespielt werden?

Der folgende Code befindet sich in meiner test.htm...

Vue implementiert bidirektionale Datenbindung

In diesem Artikelbeispiel wird der spezifische Co...

Verständnis von Haslaylout- und BFC-Parsing

1. haslayout und bfc sind IE-spezifische und Stand...

Beispielcode zur Implementierung eines gepunkteten Rahmen-Scrolleffekts mit CSS

Wir sehen oft einen coolen Effekt, wenn die Maus ...

Lösungen für Probleme bei der Leistungsoptimierung von MySQL-Indizes

Die von MySQL erstellte Optimierung besteht im Hi...

Starten Sie eine lokale Kubernetes-Umgebung mit Kind und Docker

einführen Haben Sie schon einmal einen ganzen Tag...

Implementierung der Docker-Bereitstellung von Webprojekten

Im vorherigen Artikel wurde der Docker-Dienst ins...

Installationstutorial auf Unternehmensebene unter Verwendung des LAMP-Quellcodes

Inhaltsverzeichnis LAMP-Architektur 1.Lampeneinfü...

Einige „Fallstricke“ beim Upgrade der MySQL-Datenbank

Bei kommerziellen Datenbanken hat die Datenbankak...