我有一个非常简单的问题:我需要在TD元素内将表格居中。如果我使用的是HTML 4,我会这样做:
<table style="border:solid;width: 100%">
<tr>
<td align="center">
<table style="border:solid; width:50%">
<tr>
<td >I must be in the center</td>
</tr>
</table>
</td>
</tr>
</table>
但是,我尝试不使用不推荐使用的属性,而是以CSS方式进行操作。我已经试过了:
<td style="text-align:center">
和这个:
<td style="margin: 0 auto">
表格保留在单元格的左侧。有什么建议么?
最佳答案
您对margin:auto 0;
有了正确的想法,只是将其取为0。
工作示例:http://jsfiddle.net/cxnR8/
<table style="border:solid;width: 100%">
<tr>
<td>
<table style="margin:auto;border:solid; width:50%">
<tr>
<td >I must be in the center</td>
</tr>
</table>
</td>
</tr>
</table>
但是,更重要的是,您真的需要使用表格和内联样式吗?