google-chrome - SVG 被切断

Question

我在这里找到了一个我不明白的答案。不幸的是，我还不能发表评论。

这是答案的链接，SVG renders but gets cut off in Firefox only - why?

Boris Zbarsky 的 Accepted answer 描述了它为什么不起作用。我不完全理解这个答案，想知道如何解决这个问题，以便我可以在 Firefox 上使用它。

就我而言，所有浏览器上都有 SVG 文本元素，
在 Internet Explorer 中，所有 3 个文本都可见，
在 Firefox 和 chrome 中，如果任何 SVG 文本元素在屏幕右侧超过 1/4，它们都会被截断。如果我将它们移动到假想切断左侧的开发人员选项卡，它们就会出现。

沿着这个奇怪的区域没有可能隐藏 SVG 文本的 div 或块。

这是本地实现。

对正在发生的事情的任何帮助都会非常有帮助。

Answer 1

我有类似的问题。尝试添加 css 属性:

overflow: visible