html – 在TD中心一个表

前端之家收集整理的这篇文章主要介绍了html – 在TD中心一个表前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个非常简单的问题:我需要把一个桌子放在一个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>​

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

猜你在找的HTML相关文章