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

Detaillierte Erklärung zu Unique Constraints und NULL in MySQL

Vorwort Eine Anforderung, die ich zuvor zur Verei...

Eine kurze Diskussion über allgemeine Operationen von MySQL in cmd und Python

Umgebungskonfiguration 1: Installieren Sie MySQL ...

HTML+CSS zum Erstellen eines Dropdown-Menüs

1. Beispiel einer Dropdown-Liste Der Code lautet ...

Lösung für das Problem „VMware-virtuelle Maschine ohne Netzwerk“

Inhaltsverzeichnis 1. Problembeschreibung 2. Prob...

Implementierungsbeispiel für dynamische Routing-Breadcrumbs für Elemente

Zu meistern: localStorage, Komponentenkapselung Ä...

Lösung für die lange Verzögerung der MySQL-Datenbank-Master-Slave-Replikation

Vorwort Die Verzögerung der MySQL Master-Slave-Re...

Semantische Webseiten XHTML semantische Auszeichnung

Ein weiterer wichtiger Aspekt bei der Trennung vo...

Detaillierte Erläuterung der JavaScript-Implementierung der Hash-Tabelle

Inhaltsverzeichnis 1. Hash-Tabellenprinzip 2. Das...