SVG - 如何设置文本行高

【问题标题】：SVG - how to set text line-heightSVG - 如何设置文本行高
【发布时间】：2015-07-01 23:35:21
【问题描述】：

似乎 line-height 是 svg 文本中缺少的一个 CSS 属性。我发现的关于 SVG 的最佳资源是：Jenkov.com SVG Tutorials ，没有提及它，could I find mention of it on MDN 也没有。

因此，如果有人可以明确说明这一点或分享一种技术。我基本上对换行的文本行之间的间距感兴趣，而不是独立的文本元素。

谢谢

【问题讨论】：

【解决方案1】：

SVG 1.1（官方）只支持单行文本，因此没有line-height 设置。

我刚刚尝试在 Inkscape 中创建一个文本块，它使用了一个 flowRoot 元素（包含一个带有实际文本的 flowPara 元素）。那么flowRoot 元素实际上分配了line-height（以% 为单位）。

我不知道这种方式的支持有多广泛，因为it used to be part of SVG 1.2。您可能还想看看这里：Auto line-wrapping in SVG text

【讨论】：