2012-05-20 26 views
19

ho creato una tabella semplice e desidera allineare gli elementi td in centro, ma align: center in css non sembra funzionareCome allineare gli elementi td nel centro

.cTable td{ 
align:center; 
} 

<table border='1' id='mytable' class="cTable"> 
<tbody> 
<tr><th>Claim ID</th><th>Status</th></tr> 
<tr><td align="center">22</td><td>333</td></tr>  
<tr><td>22</td><td>333</td></tr> 
<tr><td>22</td><td>333</td></tr> 
</tbody> 
</table> 
+0

sorry modificato th tag .. – user1184100

risposta

3

margin:auto; text-align, se questo non funziona - provare ad aggiungere display:block; e impostare ci width:200px; (nel caso in cui il TD è troppo piccola).

0

Personalmente non ho trovato nessuna di queste risposte utile. Ciò che ha funzionato nel mio caso è stato dare l'elemento float:none e position:relative. Successivamente l'elemento si è centrato su <td>.

9

Quello che ha funzionato per me è la seguente (in vista della confusione in altre risposte):

<td style="text-align:center;"> 
    <input type="radio" name="ageneral" value="male"> 
</td> 

La soluzione proposta (text-align) funziona, ma deve essere utilizzato in un attributo style.

Problemi correlati