Có một css tương đương với 'align = "center"' không?

Question

Tôi đã thử:

margin-left: auto; 
margin-right: auto; 

Nhưng nó không tập trung vào các yếu tố trong ô bảng của tôi. Tôi có kết hợp văn bản và các yếu tố <span> trong số <td> s.

Khi tôi đặt 'align = "center"' trong bất kỳ phần tử <td> nào, nó sẽ căn giữa.

Làm cách nào để đạt được điều này trong biểu định kiểu?

Btw, khi tôi làm text-align: center hoạt động cho văn bản. Nhưng không phải cho các yếu tố khác như <span> s.

Edit:

Tuổi có lớp sau, nếu có ảnh hưởng đến vấn đề liên kết:

.dot { 
    display: block; 
    width: 10px; 
    height: 10px; 
    background: #333; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
} 

Answer 1

margin:0 auto; sẽ làm việc trên

• khối mức không nổi, tĩnh/yếu tố vị trí tương đối với một chiều rộng rõ ràng thiết
• yếu tố chiều rộng nội tại như images/đối tượng/bảng

text-align:center sẽ hoạt động trên

• inline/inline-block

Đối với tình hình của bạn, bạn có lẽ có thể làm ..

#container { text-align:center; } 
#container span.block-level-spans { margin: 0 auto; } 

hay làm cho nhịp bên inline-block thay vì block.

EDIT:

Inline-block: Giá trị này gây ra một yếu tố để tạo ra một hộp khối, mà chính nó là chảy như một hộp inline duy nhất, tương tự đến một yếu tố thay thế. Bên trong của một khối nội tuyến được định dạng là một hộp khối và chính phần tử đó là được định dạng thành phần tử thay thế nội tuyến .

Answer 2

Tôi đã làm một tìm kiếm nhanh trên google và thấy điều này:

tuổi là một inline và do đó không thể căn chỉnh được. Đặt nó thành một p hoặc một số div thay vì một khoảng, hoặc rõ ràng làm cho mức khối ngang bằng cách sử dụng màn hình : chặn.

Tìm thấy tại: Velocity Reviews Forumn Link