2011-02-08 3 views
0

В таблице HTML с выравниванием по центру текст выравнивается немного слева от центра. Как я могу исправить ситуацию?Текст таблицы таблицы слегка выровнен слева от центра

td { border:1px solid #000; text-align:center; white-space: nowrap; }  

Это результат:

+2

Какие браузеры вы тестировали? –

+0

Firefox 3. Однако для IE6 требуется (жесткое требование). – ppecher

+2

Как выглядит содержимое ячейки? Есть ли возврат каретки после номера? Неразрывное пространство? –

ответ

1

А что-то вроде этого?

http://jsfiddle.net/loktar/b7WK8/2/

Просто изменить отступы по своему вкусу. Работает в chrome и FF 3.6, у меня нет моего компьютера с IE6 здесь, чтобы проверить это.

+0

Спасибо: Это решило проблему. – ppecher

0

Просто так он перечислен в ответ ... Некоторые вещи, чтобы рассмотреть в troubeshooting:

  1. Часто, когда таблицы выровнены неправильно, есть пробелы за ним. Твой тег </td> должен появляться сразу после конечного элемента без пробелов для точной точности в таком центрировании.
  2. Иногда элементы данных, которые извлекаются как строки, будут содержать либо ведущее, либо завершающее пробелы (пробелы, вкладки и т. Д.). Их нужно обрезать перед отображением, чтобы убедиться, что контент, который вы хотите, - это все, что вы получаете.
  3. Хорошим методом проверки вопросов по размещению и стилю является функция «проверить элемент» Google Chrome. Он отобразит точный код, который будет визуализирован, и стили будут немедленно применены к элементу. Это особенно удобно, когда речь идет о JavaScript-сгенерированных элементах (как показывает один из ваших замечаний), AJAX или аналогичных элементах, которые имеют смещение в браузере.