SVG - 如何設置文本行高
[英]SVG - how to set text line-height
問題描述
似乎行高是svg文本中缺少的一個CSS屬性。 我發現SVG的最佳資源是： Jenkov.com SVG教程並沒有提及它， 我也沒有在MDN上找到它 。
因此，如果有人能夠明確地闡明這一點或分享技術。 我基本上對包裝的文本行之間的間距感興趣，而不是獨立的文本元素。
謝謝
1 個解決方案
解決方案1
12 已采納 2015-04-23 16:44:04
SVG 1.1（官方）僅支持單行文本，因此沒有line-height設置。
我剛剛嘗試在Inkscape中創建一個文本塊，它使用的是一個flowRoot元素（包含一個帶有實際文本的flowPara元素）。 然后， flowRoot元素實際上為其分配了line-height （以％為單位）。
我不知道對這種方式有多廣泛的支持，因為它曾經是SVG 1.2的一部分 。 您可能還想看一下： 在SVG文本中自動換行
Line-Height不會在Mac上垂直居中文本，但在Windows上看起來很好
[英]Line-Height not vertically centering text on Mac but looks fine on Windows
在文本中對齊圖像，行高沒有問題（聊天框中的表情符號）
[英]Align image in text without problems in line-height (smilies in chatbox)
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.