我有一个非常简单的问题:我需要把一个桌子放在一个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>
但更重要的是,您真的需要使用表格和在线样式吗?