Firefox支持对齐基线属性?

时间:2013-10-06 18:40:54

标签: css css3 svg

Firefox是否对alignment-baseline property有任何支持?当我检查(使用Firebug)已明确设置alignment-baseline属性的SVG元素时,Firebug根本不会列出此属性(IOW它将其视为噪声)。无论我赋予此属性的值是什么,显示文本的外观都不会改变,这进一步表明FF完全忽略了这个属性。

(FF对此属性的支持可能被破坏的另一个迹象是,上面引用的此属性的CSS文档页面中给出的链接是dead-as-a-doornail。)

假设看起来FF不支持alignment-baseline属性,这个属性最接近复制FF默认行为的值是多少?

编辑:例如,使用Chrome和FF查看此jsFiddle;每行显示的文本都显示一个突出显示的单词,该单词是使用以下形式的代码生成的:

<tspan style="alignment-baseline:alphabetic">alphabetic</tspan>

请注意,所有行在FF中都是相同的,但在Chrome中则不然。

此属性有一些可能的候选值可以复制FF的默认行为(即autoalphabeticmathematicinherit);不幸的是,这个实验无法决定这个问题,而且我不清楚哪种可能的选项会与大多数情况下FF的默认行为相匹配。

2 个答案:

答案 0 :(得分:31)

似乎alignment-baseline仅用于<text>的部分,即元素tspantref等。对于主<text> } element使用dominant-baseline属性。

(这是@Tanel Eero在上面写的评论。我在这里重新说明这个问题可以得到一个接受的答案。)

答案 1 :(得分:9)

Mozilla开发者网络网站声明该样式只能用于某些元素:

  

以下元素可以使用alignment-baseline属性

<tspan>
<tref>
<altglyph>
<textpath>

所以这似乎是您的主要问题,因为我了解您正在尝试将其应用于SVG。