Есть ли css-эквивалент 'align = "center" '?

Я пробовал:

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

Но он не центрирует элементы в моих ячейках таблицы. У меня есть комбинация текста и <span> элементов в <td> s.

Как только я установлю 'align = "center" ' в любом из элементов <td>, он центрируется.

Как достичь этого в таблице стилей?

Btw, когда я делаю text-align: center, который работает для текста. Но не для других элементов, таких как <span> s.

Edit:

Пролет имеет следующий класс, если это влияет на проблему выравнивания:

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

Ответы

Ответ 1

margin:0 auto; будет работать на

  • не-floated уровень блока, статические/относительные позиционированные элементы с установленной шириной ширины
  • элементы внутренней ширины, такие как изображения/объекты/таблицы

text-align:center будет работать на

  • встроенный/инлайн-блоки

Для вашей ситуации вы, вероятно, можете сделать..

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

или сделать промежутки внутри inline-block вместо block.

EDIT:

Inline-block: это значение заставляет элемент создать блок-блок, который сам как единый встроенный блок, аналогичный к замененному элементу. Внутренняя часть встроенный блок форматируется как блок-блок, и сам элемент форматируется как встроенный элемент.

Ответ 2

Я сделал быстрый поиск в google и нашел это:

span является встроенным элементом и поэтому не может быть выровнен. Сделайте это p или  div вместо span или явно сделать уровень блока span, используя  дисплей:. блок

Найдено по адресу: Оценки скорости Forumn Link