我有一个页面,我们使用SVG来渲染序列图。所表示的一些数据有可能偶尔会很长,所以我想限制TSPAN元素的宽度并提供省略号,同时允许用户将鼠标悬停在文本上并显示全文。
最初,我尝试将CSS与text-overflow属性结合使用,方法是将值设置为“省略号”,这是我正在寻找的确切行为,但它没有可用的功能(大笨蛋)有任何其他限制文本长度的方法,并允许在诸如悬停的动作上显示全文?
答案 0 :(得分:8)
使用省略号文本创建tspan,然后使用带有完整文本的<title>
元素,例如。
<tspan>Really really...<title>Really really long text</title></tspan>