テキストタグ内のテキストを改行しないでください

Question

<text x="216.7265625" y="191.21875" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#000000" style=" -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 12px; line-height: normal; font-family: Arial; cursor: move; width: 10px;" font-size="12px"><tspan dy="4" style=" -webkit-tap-highlight-color: rgba(0, 0, 0, 0); ">F. Downturn in numbers of different graphic novels being produced.</tspan></text> 

私はリンクを2つの行に分割しようとしています。私は
、\ n、空白を試していました：正常で、どれも動作していません。アドバイスが必要です。

Answer 1

ブロックレベルの要素にする必要があります。 次のコードは動作します：

<text x="216.7265625" y="191.21875" text-anchor="middle" font="10px &quot;Arial&quot;" stroke="none" fill="#000000" style="display: inline-block;width: -webkit-tap-highlight-color: rgba(0, 0, 0, 0); text-anchor: middle; font-style: normal; font-variant: normal; font-weight: normal; font-stretch: normal; font-size: 12px; line-height: normal; font-family: Arial; cursor: move; width: 10px;" font-size="12px"><tspan dy="4" style=" -webkit-tap-highlight-color: rgba(0, 0, 0, 0); ">F. Downturn in numbers of different graphic novels being produced.</tspan></text> 

Answer 2

tutorials jenkov.com svg tspan-element

<svg xmlns="http://www.w3.org/2000/svg" 
 
    xmlns:xlink="http://www.w3.org/1999/xlink"> 
 

 
    <text y="20"> 
 
     <tspan x="10">tspan line 1</tspan> 
 
     <tspan x="10" dy="15">tspan line 2</tspan> 
 
     <tspan x="10" dy="15">tspan line 3</tspan> 
 
    </text> 
 
</svg>