html中table表格的内容水平和垂直居中显示

这篇文章主要介绍了html中table表格的内容水平和垂直居中显示的相关资料,需要的朋友可以参考下

 在CSS样式文件中指定

#class td /*设置表格文字左右和上下居中对齐*/ 
{  
    vertical-align: middle;
    text-align: center;  
}
/*class 是所属的类*/
                                                                      
                                                             
title
<
/caption>                                                              
                                                                 
                                                                      
序号
                                                                      
适用情况
                                                                      
 
详情
                                                                       
备注
                                                                   
 
                                                                                                                                       
                                                                    
1
                                                                     
xxxxx
                                                                      
                                                                      
                                                                              
xxxxxx
                                                                                                                                                        
                                                                      
                                                                       
查看详情
                                                              
                                                
                                                          
 

上述是在p指定id为class，则其中table的属性td使用的就是css中指定的样式，大致如图所示

相关推荐：

速创猫AI简历

一键生成高质量简历

下载

立即学习“前端免费学习笔记（深入）”；

Html 实现动态显示颜色块的报表效果(实例代码)