Làm thế nào để sắp xếp các yếu tố td ở trung tâm

Question

Tôi đã tạo ra một bảng đơn giản và muốn sắp xếp các yếu tố td ở trung tâm nhưng align: center trong css dường như không làm việc

.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

Nó phải là text-align, không align

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

Answer 2

margin:auto; text-align, nếu điều này sẽ không làm việc - thử thêm display:block; và thiết lập có width:200px; (trong trường hợp TD của bạn là quá nhỏ).

Answer 3

Cá nhân tôi không tìm thấy bất kỳ câu trả lời nào hữu ích. Điều gì đã xảy ra trong trường hợp của tôi là đưa ra phần tử float:none và position:relative. Sau đó phần tử tập trung chính nó trong <td>.

Answer 4

gì làm việc đối với tôi là như sau (theo quan điểm của sự nhầm lẫn trong câu trả lời khác):

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

Các giải pháp đề xuất (text-align) hoạt động nhưng phải được sử dụng trong một thuộc tính style.