内联样式被忽略

时间:2010-03-05 22:55:29

标签: html css inline-styles

我在一个具有内联样式的表中有一个相当简单的单元格:

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

在Firefox和Opera中,text-align-right被忽略了。我使用了Firefox的“firebug”,它为我显示<td style="">

知道会发生什么事吗?我认为以这种方式指定的内联样式优先于任何链接样式表或继承样式。

一如既往地谢谢。

5 个答案:

答案 0 :(得分:1)

通常Firebug会在样式声明出错时执行此操作。

答案 1 :(得分:1)

有很多方法可以测试这里发生的事情。在FireBug中处理CSS的类并启用和禁用样式,直到获得预期的结果。显然有一些样式声明错误,导致此特定样式失败。由于正确,因此内联样式优先于外部样式表,而不是父样式。由于您知道此重点关注HTML的区域,并查看是否存在任何语法错误,覆盖该值的脚本等等。

还要测试此“td”标记的不同文本样式,以查看其他样式是否有效,例如:

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

另请注意,如果direction属性为“ltr”(从左到右),则text-align:left是默认值,这是默认值。因此,有可能未应用此HTML表格元素的某些样式。

答案 2 :(得分:0)

而不是尝试添加span而不是text-align,而td将不会<{1}}

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

答案 3 :(得分:0)

(虽然Firebug不再存在,但其功能已被折叠到Firefox中,但仍可以表现出style=""的行为。)

请务必检查开发者控制台,因为如果这是由内容安全策略(CSP)设置/限制引起的,则可能会列出错误。

CSP设置既可以通过Web服务器的HTTP响应中的Content-Security-Policy标头指定,也可以在HTML中添加<meta http-equiv="Content-Security-Policy" ...>标记(或者浏览器扩展也可以在您的网站上启用它们)页)。

答案 4 :(得分:-1)

我认为您无法在td标记内指定文字对齐方式。但是,您可以像这样设置td内容的对齐方式:

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