Firefox支持对齐基线属性?

kjo*_*kjo 23 css svg css3

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

(FF对此属性的支持可能被破坏的另一个迹象是,上面引用的关于此属性的CSS文档的页面中给出的链接是死的 - 作为doornail.)

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

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

<tspan style="alignment-baseline:alphabetic">alphabetic</tspan>
Run Code Online (Sandbox Code Playgroud)

请注意,所有行在FF中看起来都相同,但在Chrome中则不然.

有几个可能的候选值此属性复制FF的默认行为(即auto,alphabetic,mathematicinherit); 不幸的是,这个实验无法决定这个问题,而且我不清楚哪种可能的选项会在最大部分情况下与FF的默认行为相匹配.

til*_*lda 38

似乎alignment-baseline只能<text>用于元素的部分tspan,tref等等.对于主<text>元素,使用dominant-baseline属性.

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


Tan*_*ero 9

Mozilla Developer Network网站声明该样式只能用于某些元素:

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

<tspan>
<tref>
<altglyph>
<textpath>
Run Code Online (Sandbox Code Playgroud)

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

  • 其实我刚发现这个 - https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/dominant-baseline?redirectlocale=en-US&redirectslug=SVG%2FAttribute%2Fdominant-baseline似乎工作在你是小提琴,但我不确定它是否符合你的要求. (6认同)
  • 我想这里混淆的主要原因是(现在,也许也是4年前)*Example*部分和*live sample*在同一个[MDN doc page](https://developer.mozilla. org/en-US/docs/Web/SVG/Attribute/alignment-baseline)将`alignment-baseline`属性应用于`<text>`元素,即使在下一段中明确说明不可能.尽管如此,它仍然可以在Chrome中运行,而且混乱已经完成. (3认同)