28

alignment-baselineFirefox 是否对该属性有任何支持?alignment-baseline当我检查(使用 Firebug)已显式设置属性的 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 的默认行为。

4

2 回答 2

47

It seems that alignment-baseline is ment to be used only for portions of <text>, that is for elements tspan, tref etc. For the main <text> element use the dominant-baseline attribute.

(This is what @Tanel Eero wrote above as a comment. I'm re-stating it here so the question can get an accepted answer).

于 2014-01-27T04:39:57.760 回答
10

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

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

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

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

于 2013-10-06T19:26:04.027 回答