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 Einführung in Robots.txt

Robots.txt ist eine reine Textdatei, in der Websi...

Detaillierte Erläuterung des SSR-Server-Side-Rendering-Beispiels von Vue

Warum Server-Side Rendering (SSR) verwenden? Bess...

Installations- und Verwendungsschritte für Docker Compose

Inhaltsverzeichnis 1. Was ist Docker Compose? 2. ...

js, um einen Karusselleffekt zu erzeugen

Ich denke, das Karussell ist ein relativ wichtige...

Eine kurze Diskussion über die MySQL-Zeilenanzahl

Wir alle kennen die MySQL-Funktion count(), mit d...

Einfache Implementierungsmethode der bidirektionalen Datenbindung im JS-Projekt

Inhaltsverzeichnis Vorwort Publish-Subscriber-Mus...

MySQL-Cursorfunktionen und -Verwendung

Inhaltsverzeichnis Definition Die Rolle des Curso...

Detaillierte Erklärung zum Bereitstellen von H5-Spielen auf einem Nginx-Server

Auf dem Weg zur selbstlernenden Spieleentwicklung...

jQuery realisiert den Effekt der Sitzplatzauswahl und -reservierung im Theater

jQuery realisiert den Effekt der Sitzplatzauswahl...

Implementierung eines MySQL-Gemeinschaftsindex (zusammengesetzter Index)

Gemeinsamer Index Die Definition des gemeinsamen ...

Neue Funktionen von JS ES: Einführung in Erweiterungsoperatoren

1. Spread-Operator Der Spread-Operator besteht au...