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>

posted on 2017-10-23 15:31  3r3r3www  阅读(316)  评论(0编辑  收藏  举报

导航