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

 在CSS样式文件中指定

#class td /*设置表格文字左右和上下居中对齐*/ {
          vertical-align: middle;
        text-align: center;
  }
    /*class 是所属的类*/div 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: 'times new roman';
     mso-hansi-font-family: 'times new roman'">
                                                                 caption>
    h2 style="text-align: left;
    font-size: 16pt;
    font-family: 宋体;
    color: red;
    ">
    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>
                                                                                 xxxxxxbr>
                                                                                                                                                            /span>
                                                                          /td>
                                                                           td>
    a href="#">
    查看详情/a>
    /td>
                                                                  /tr>
                                                    /tbody>
                                                              /table>
     /div>
    

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

以上所述是小编给大家介绍的htML中table表格的内容水平和垂直居中显示,希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对网站的支持！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！