我有一个非常简单的问题:我需要在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>​

但是,更重要的是,您真的需要使用表格和内联样式吗?

07-24 09:50
查看更多