2012-12-12 149 views
0

你如何使用css中心对齐页面中间的表。这是我http://jsfiddle.net/m5uEr/中心对齐表

<div style="text-align: center; border-style:solid;"> 
    <table style="border-style:solid;"> 
     <tr> 
      <td>test</td> 
     </tr> 
    </table> 
</div> 
+2

你肯定不利于世界上第一个试图这样做! – gdoron

+1

你甚至尝试自己找到答案吗? – Vucko

+0

是由于某种原因保证金左边距右边自动似乎并不工作 – clarity

回答

2
table.center { 
    margin-left:auto; 
    margin-right:auto; 
    } 

<table style="border-style:solid;" class="center"> 
    <tr> 
     <td>test</td> 
    </tr> 
</table> 

Your updated fiddle

Google发现这对我有这样的文字:“居中对齐表CSS”

1

设置你的桌子上的宽度,并设置

margin:auto 
1

CSS是行不通的,所以我做了一个<table align="center">

这是IE8

1

你把保证金左:自动,保证金右:在div的属性自动?

这很容易做到。

这些属性应该属于表

<div style="text-align: center; border-style:solid;"> 
    <table style="border-style:solid; margin-left:auto; margin-right:auto; "> 
     <tr> 
      <td>tdddest</td> 
     </tr> 
    </table> 
</div>​