如何让html中table表格居中和表格内单元格内容居中显示?

作者:IT技术 | 时间:2018-10-26

如何让html中table表格居中显示,表格单元格内容居中显示?本文介绍了关于HTML 表格table居中显示,还有在table表格单元格内容居中显示的使用方法,帮助大家熟悉表格对齐和表格中的文本对齐。

HTML 表格table居中显示

table的所有父窗体都设置:margin:0px auto;

在Div中加上 <div style="width:600px;margin:0px auto;"></div>里面的Table就会在网页中居中显示

<div style="width:600px;margin:0px auto;">          

 <table>

 <tr><td>11111</td><td>2222</td><td>33333</td></tr>                      

</table>

</div>

table表格单元格内容居中显示

单元格td里的文本居中显示,使用css的text-align 属性

left    把文本排列到左边。默认值 

right    把文本排列到右边。    

center    把文本排列到中间。  

例如:  

td

{

    text-align:center;

}