如何在svg文档的单词之间出现空格时将文本拆分为新行

我有一个svg文本元素，如下所示：

随机航向

我向文本元素添加了一个新类，但是无论我如何尝试，我都可以使文本在文本中出现空格的地方中断。我知道在不使用SVG文档时如何做到这一点。我只是不明白为什么它不起作用

案文保持原样。我想把它分开，这样单词就可以在空格处断开。在我们的例子中，我需要输出为：

随机
标题

我尝试了以下方法： 分词，显示：表格标题

---

我不希望使用固定宽度，因为我希望使用空间来定义文本在哪里换行。如果您知道解决方案，请提供帮助。

SVG本机不支持换行。是否可以添加html元素并使用该元素使用CSS进行操作？当然，请使用foreignObject来换行html。