Wie td-Elemente in der Mitte auszurichten

Question

ich eine einfache Tabelle erstellt haben, und wollen die td-Elemente in der Mitte auszurichten, aber align: center in CSS nicht

.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> 

Answer 1

Es sollte text-align sein zu funktionieren scheint, nicht align

https://developer.mozilla.org/en/CSS/text-align

Answer 2

margin:auto; text-align wenn diese nicht funktionieren - versuchen Sie, display:block; und dort width:200px; gesetzt (falls Ihr TD zu klein).

Answer 3

Ich persönlich fand keine dieser Antworten hilfreich. Was in meinem Fall funktionierte, war das Element float:none und position:relative. Danach zentrierte sich das Element in der <td>.

Answer 4

Was für mich gearbeitet ist die folgende (im Hinblick auf die Verwirrung in anderen Antworten):

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

Die vorgeschlagene Lösung (text-align) arbeitet, sondern muss in einem Stil-Attribut verwendet werden.