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

Grafisches Tutorial zur Installation und Konfiguration von CentOS 7

In diesem Artikel wird das ausführliche Installat...

Implementieren Sie eine einfache Suchmaschine auf Basis von MySQL

Inhaltsverzeichnis Implementierung einer Suchmasc...

Detaillierte grafische Erklärung zum Löschen des Keep-Alive-Cache

Inhaltsverzeichnis Eröffnungsszene Direktes Rende...

Analyse des Funktionsprinzips und des Implementierungsprozesses von Docker Hub

Ähnlich wie der von GitHub bereitgestellte Code-H...

Detaillierte grafische Erklärung zur Verwendung von SVG im Vue3+Vite-Projekt

Heute habe ich bei der Verwendung von SVG in der ...

Vue implementiert einen einfachen Lupeneffekt

In diesem Artikelbeispiel wird der spezifische Co...

Beschreibung des Meta-Viewport-Attributs in der HTML-Webseite

Beschreibung der HTML-Meta-Viewport-Attribute Was...

Erklärung der MySQL-Indextypen Normal, Unique und Full Text

Zu den Indextypen von MySQL gehören Normalindex, ...

So erstellen Sie einen MySQL PXC-Cluster

Inhaltsverzeichnis 1. Einführung in PXC 1.1 Einfü...

Auszeichnungssprache - Phrasenelemente

Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...

Implementierung eines Docker-Cross-Host-Netzwerks (manuell)

1. Einführung in Macvlan Vor dem Aufkommen von Ma...