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

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


标签： html table 居中  

2016-09-20 10:25 9283人阅读 评论(1) 收藏 举报 
.  

 分类： 

前端学习笔记（222）   



关于表格中的内容：：


在表格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>