css - Firefox 支持对齐基线属性吗?

标签 css svg

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

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

假设 FF 不支持 alignment-baseline 属性,那么最接近复制 FF 的默认行为的属性值是多少?

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

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

请注意,所有行在 FF 中看起来都一样,但在 Chrome 中则不同。

此属性有几个可能的候选值来复制 FF 的默认行为(即 autoalphabeticmathematic继承);不幸的是,这个实验无法解决这个问题,我不清楚哪些可能的选项在大多数情况下会匹配 FF 的默认行为。

最佳答案

似乎alignment-baseline仅用于 <text> 的部分,即元素 tspan , tref等为主<text>元素使用 dominant-baseline属性。

(这是@Tanel Eero 在上面作为评论写的内容。我在这里重述它以便问题可以获得可接受的答案)。

关于css - Firefox 支持对齐基线属性吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19212498/

相关文章:

SVG View 框和 y 轴滚动

javascript - jquery Canvas 图像大小叠加

javascript - 如何将文本居中放置在节点中?

html - 使用 z-index 对 SVG 对象、父容器和文本进行排序

html - CSS如何使背景图片“可滚动”而不被屏幕剪切

javascript - Snap.svg 改变颜色属性

javascript - 在 raphaeljs 中,有没有办法将文本放置在对象内以保持翻转状态

css - 调整 CSS 自定义鼠标光标的大小

html - CSS - SVG 边框溢出

jquery datepicker css 样式禁用日期