html中table居中和表格内容居中的问题
关于表格中的内容：：在表格td中，有两个属性控制居中显示align——表示左右居中——left，center，rightvalign——控制上下居中——left，center，right这两个属性综合使用，就可以让单元格的内容上下左右都居中显示。但是有的时候吧，会失效，那么在td中设置text-align为center也可。td {...
·
关于表格中的内容：：
在表格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>
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
28
0- 0
已为社区贡献1条内容
所有评论(0)