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>
	</table>
</div>
相关推荐
©️2020 CSDN 皮肤主题: 书香水墨 设计师:CSDN官方博客 返回首页