html中table居中和表格内容居中的问题

关于表格中的内容::

 

 

 

在表格td中,有两个属性控制居中显示


align——表示左右居中——left,center,right

valign——控制上下居中——left,center,right

这两个属性综合使用,就可以让单元格的内容上下左右都居中显示。

 

但是有的时候吧,会失效,那么在td中设置text-align为center也可。


 

td {

    text-align:center;

}

关于表格居中:

 

有时候在Div中加上 <div style="text-align:center"></div>里面的Table是不会居中的我们可以在Table中加上 margin:auto比如:

<div style="text-align:center">
                   
                        <table border="1" cellpadding="3" cellspacing="0" style="width: 60%;margin:auto">
                            <tr><td></td>                                                                                  </tr>
                            <tr>

</table></div>

 

 

 

 

 


版权声明:本文为ITzhongzi原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。