Инлайн стиль игнорируется
У меня есть довольно простая ячейка в таблице со встроенным стилем:
<td style="text-align: right;"> Current Status: </td>
И text-align-right игнорируется, как в Firefox, так и в Opera. Я использовал Firefox "Firebug", и это показывает мне <td style=""> за это.
Есть идеи, что может происходить? Я думал, что встроенный стиль, указанный таким образом, имеет наивысший приоритет над любой связанной таблицей стилей или унаследованным стилем.
Спасибо как всегда.
4 ответа
Обычно Firebug делает это, когда возникает ошибка с объявлением стиля.
Есть множество способов проверить, что здесь происходит. Работайте с вашими CSS-классами в FireBug и включайте и отключайте стили, пока не получите ожидаемый результат. Очевидно, что есть некоторая ошибка объявления стиля, в которой это приводит к сбою этого стиля. Поскольку вы правы, встроенные стили имеют приоритет над внешними таблицами стилей и над родительскими стилями. Поскольку вы знаете, что сфокусируйтесь на табличной области вашего HTML и посмотрите, есть ли какие-либо синтаксические ошибки, сценарии, которые переопределяют значение, и т. Д.
Также проверьте различные стили текста для этого тега "td", чтобы увидеть, работают ли другие стили, такие как:
color: blue;
line-height: 10px;
letter-spacing: 5px;
Также обратите внимание, что text-align:left является значением по умолчанию, если свойство direction имеет значение "ltr" (слева направо), которое является значением по умолчанию. Таким образом, возможно, что некоторые из ваших стилей для этого элемента таблицы HTML не применяются.
Вместо того, что у вас есть, попробуйте добавить span который будет подчиняться text-align где td не буду
<td><span style="text-align: right;">Current Status:</span></td>
(Хотя Firebug больше не существует, его возможности были добавлены в Firefox, который все еще может демонстрировать style="" поведение.)
Обязательно проверьте консоль разработчика, так как могут быть указаны ошибки, если это вызвано настройками / ограничениями Content-Security-Policy (CSP).
Настройки CSP могут быть указаны Content-Security-Policy заголовок в HTTP-ответе веб-сервера, или они могут быть добавлены с помощью <meta http-equiv="Content-Security-Policy" ...> в HTML (или расширения браузера также могут включить их на вашей странице).
Я не думаю, что вы можете указать выравнивание текста в td тег. Тем не менее, вы можете установить выравнивание содержимого td как это:
<td align="right"> Current Status: </td>