我有一个页面,我们使用 SVG 来呈现序列图。表示的某些数据有时可能会很长,因此我想限制 TSPAN 元素的宽度并提供省略号,同时允许用户将鼠标悬停在文本上并显示全文。
最初,我尝试通过将值设置为“省略号”来将 CSS 与 text-overflow 属性结合使用,这是我正在寻找的确切行为,但它没有可用的功能(大无赖)还有其他方法吗限制文本长度并允许在悬停等操作中显示全文?
最佳答案
创建带有省略号文本的 tspan,然后有一个 <title>
带有完整文本的元素,例如
<tspan>Really really...<title>Really really long text</title></tspan>
关于svg - 在 SVG 的 TSPAN 中使用省略号?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19236738/