Czy istnieje odpowiednik css dla "align =" center ""?

Question

Próbowałem:

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

Ale nie wyśrodkować elementy w moich komórkach tabeli. Mam kombinację tekstu i <span> elementów w <td> s.

Po ustawieniu "align =" center "" w dowolnym z elementów <td>, robi on środek.

Jak osiągnąć to w arkuszu stylów?

Przy okazji, kiedy wykonuję text-align: center, który działa dla tekstu. Ale nie dla innych elementów, takich jak <span> s.

Edit:

Przęsło ma następujące klasy, jeśli to ma wpływ na kwestię wyrównania:

.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; działa na

• blokowe poziomu nie-płynął statyczne/względem umieszczonych elementów z wyraźnej szerokości ustawione
• wewnętrzne elementy szerokości, takich jak obrazy/obiektów/tabele

text-align:center będzie pracować nad

• /inline inline bloki

do sytuacji prawdopodobnie można zrobić ..

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

lub dokonać przęseł wewnątrz inline-block zamiast block.

Edycja:

inline bloku: Wartość ta powoduje element do generowania pola bloku, który sam w sobie jest płynęły w jednym polu inline, podobnie do otrzymuje elementu. Wewnątrz bloku wbudowany blok ma format , a sam element to sformatowany jako wstawiony element .

Answer 2

Zrobiłem szybkie wyszukiwanie w google i znalazłem to:

rozpiętość jest inline element i dlatego nie można go wyrównać. Ustaw go jako p lub jako jednostkę przestawną zamiast span, lub jawnie ustaw poziom przęsła za pomocą wyświetlacza: block.

znaleźć w: Velocity Reviews Forumn Link