我需要实现省略号（"...") 位于可调整大小的元素内的文本中间。Here就是它可能的样子。所以，
"Lorem ipsum dolor sit amet. Ut ornare dignissim ligula sed commodo."
becomes
"Lorem ipsum dolor sit amet ... commodo."
当元素拉伸到文本的宽度时，我希望省略号消失。如何才能做到这一点？
在 HTML 中，将完整值放入自定义 data-* 属性中，例如
<span data-original="your string here"></span>
然后分配load and resizeJavaScript 函数的事件监听器将读取原始数据属性并将其放置在innerHTML你的跨度标签。这是省略号函数的示例：
function start_and_end(str) {
if (str.length > 35) {
return str.substr(0, 20) + '...' + str.substr(str.length-10, str.length);
}
return str;
}
调整值，或者如果可能的话，使它们动态（如果需要针对不同的对象）。如果您的用户来自不同的浏览器，您可以从 dom 中其他位置具有相同字体和大小的文本中窃取参考宽度。然后插入适当数量的字符以供使用。
一个提示是在 ... 或 who 消息上有一个缩写标签，以使用户能够获得包含完整字符串的工具提示。
<abbr title="simple tool tip">something</abbr>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
