css - SVG 文本元素中的制表符宽度

Question

考虑这个 SVG:

<svg xmlns="http://www.w3.org/2000/svg">
	<defs>
		<style type="text/css"><![CDATA[
			.code {
				font-family: monospace;
				white-space: pre;
				tab-size: 4;
			}
		]]></style>
	</defs>
<text class="code" fill="black" font-size="16" x="0" y="16">
{
</text>
<text class="code" fill="black" font-size="16" x="0" y="32">
	let r;         
</text>
</svg>

呈现后，您可以看到制表符大小明显为 1 个空格。我怎样才能解决这个问题？我正在使用显然支持 tab-size 的 Chrome .

Answer 1

SVG 有自己的一组 CSS 属性。不幸的是，tab-size 不是其中之一。请参阅:https://www.w3.org/TR/SVG/propidx.html