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

In diesem Artikel werden hauptsächlich relevante Informationen zur horizontalen und vertikalen Zentrierung des Inhalts von Tabellen in HTML vorgestellt. Freunde in Not können sich auf

Angeben

#class td /*设置表格文字左右和上下居中对齐*/ 
{  
    vertical-align: middle;
    text-align: center;  
}
/*class 是所属的类*/
<p id="class" 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: 楷体;mso-ascii-font-family: &#39;times new roman&#39;; mso-hansi-font-family: &#39;times new roman&#39;">                                                             
<caption><h2 id="title">title</h2><
/caption>                                                              
<tbody >                                                                 
<tr style="font-weight: bold;mso-bidi-font-size: 12.0pt;font-family: 宋体;" >                                                                      
<td>序号</td>                                                                      
<td>适用情况</td>                                                                      
 <td>详情</td>                                                                       
<td>备注</td>                                                                   
 </tr>                                                                                                                                       
<tr>                                                                    
<td>1</td>                                                                     
<td>xxxxx</td>                                                                      
<td style="text-align: left;"> <!--指定靠左对齐-->                                                                     
 <span>                                                                             
xxxxxx<br>                                                                                                                                                        
</span>                                                                      
</td>                                                                       
<td><a href="#">查看详情</a>
</td>                                                              
</tr>                                                
</tbody>                                                          
</table> 
</p>

Das Obige dient dazu, die ID als Klasse in p anzugeben, dann verwendet das Attribut td der Tabelle den in CSS angegebenen Stil, ungefähr wie in der Abbildung gezeigt

Verwandte Empfehlungen:

Html zur Realisierung des Berichtseffekts der dynamischen Anzeige von Farbblöcken (Beispielcode)

Das obige ist der detaillierte Inhalt vonDer Inhalt der Tabelle in HTML wird horizontal und vertikal in der Mitte angezeigt. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!