Инлайн стиль игнорируется

Question

У меня довольно простая ячейка в таблице со встроенным стилем:

<td style="text-align: right;"> Current Status: </td>

И text-align-right игнорируется, как в Firefox, так и в Opera. Я использовал Firefox «Firebug», и он показывает мне <td style=""> для этого.

Есть идеи, что может происходить? Я думал, что встроенный стиль, указанный таким образом, имеет наивысший приоритет над любой связанной таблицей стилей или унаследованным стилем.

Спасибо как всегда.

Answer 1

Есть множество способов проверить, что здесь происходит.Работайте с вашими CSS-классами в FireBug и включайте и отключайте стили, пока не получите ожидаемый результат.Очевидно, что есть некоторая ошибка объявления стиля, в которой это приводит к сбою этого стиля.Поскольку вы правы , встроенные стили имеют приоритет над внешними таблицами стилей и над родительскими стилями.Поскольку вы знаете это , сфокусируйтесь на области таблицы вашего HTML и посмотрите, есть ли какие-либо синтаксические ошибки, сценарии, которые переопределяют значение и т. Д.различные стили текста для этого тега "td", чтобы увидеть, работают ли другие стили, такие как:

color: blue;
line-height: 10px;
letter-spacing: 5px;

Также обратите внимание, что text-align:left является значением по умолчанию, если свойство direction равно "ltr" (слева направо) который по умолчанию.Таким образом, возможно, что некоторые ваших стилей для этого элемента таблицы HTML не будут применены.

Answer 2

Обычно Firebug делает это, когда возникает ошибка с объявлением стиля.

Answer 3

Вместо того, что вы пытаетесь добавить span, который будет подчиняться text-align, где td не будет

<td><span style="text-align: right;">Current Status:</span></td>

Answer 4

Не думаю, что вы можете указать выравнивание текста в теге td. Однако вы можете установить выравнивание содержимого td следующим образом:

<td align="right"> Current Status: </td>