2012-05-20 23 views
19

Stworzyłem prostą tabelę i chcesz wyrównać elementy td w centrum, ale align: center w css nie wydają się działaćJak wyrównać elementy td w centrum

.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

Przepraszam zmodyfikowane tagi .. – user1184100

Odpowiedz

3

margin:auto; text-align, jeśli to nie zadziała - spróbuj dodać display:block; i ustawić tam width:200px; (w przypadku, gdy TD jest zbyt mała).

0

Osobiście nie znalazłem żadnej z tych odpowiedzi pomocnych. W moim przypadku działał element float:none i position:relative. Następnie element wyśrodkował się w <td>.

9

Co pracował dla mnie jest następujący (w świetle zamieszania w innych odpowiedzi):

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

Proponowane rozwiązanie (text-align) działa, ale muszą być stosowane w atrybucie style.

Powiązane problemy