中心對齊表

你如何使用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>

來源

2012-12-12 clarity

你肯定不利於世界上第一個試圖這樣做！ – gdoron

你甚至嘗試自己找到答案嗎？ – Vucko

是由於某種原因保證金左邊距右邊自動似乎並不工作 – clarity

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」

來源

2012-12-12 22:56:47 gdoron

設置你的桌子上的寬度，並設置

margin:auto

來源

2012-12-12 22:57:17 Jordan

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

這是IE8

來源

2012-12-12 23:04:05 clarity

你把保證金左：自動，保證金右：在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>

來源

2012-12-13 04:24:24

回答

相關問題