我有一个svg文本元素，如下所示：
<text class="new" x="22%" y="80%" style="dominant-baseline:central; display:table-caption; text-anchor:middle; font-size:25px; fill:#E3E3E4; font-family:'MyriadPro-Regular'">Random heading
</text>
我在text元素上添加了一个新类，但是无论我如何尝试，我都可以使文本中断在文本中出现空格的地方。我不使用SVG文档时知道如何执行此操作。我似乎无法理解为什么它不起作用。
文本保持不变。我想将其拆分，以使单词在出现空间的地方中断。在我们的例子中，我需要输出为：
随机
标题
我尝试了以下方法： 断字，显示：表格标题
我不希望使用固定宽度，因为我想使用空格来定义文本在何处换行。如果您知道解决方案，请提供帮助。