2012-05-20 27 views
19

he creado una tabla sencilla y desea alinear los elementos td en el centro, pero align: center en CSS no parece funcionarCómo alinear los elementos td en el 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

lo sentimos, modificamos las etiquetas th ... – user1184100

Respuesta

3

margin:auto; text-align, si esto no funciona - trate de añadir display:block; y establecer allí width:200px; (en caso de que su TD es demasiado pequeño).

0

Personalmente, no encontré ninguna de estas respuestas útiles. Lo que funcionó en mi caso fue dar el elemento float:none y position:relative. Después de eso, el elemento se centró en el <td>.

9

lo que funcionó para mí es el siguiente (en vista de la confusión en otras respuestas):

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

La solución propuesta (text-align) funciona, pero debe ser utilizado en un atributo de estilo.

Cuestiones relacionadas