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>

版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/191661.html原文链接：https://javaforall.cn

原文地址：https://cloud.tencent.com/developer/article/2152148