您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

文本中间的省略号(Mac风格)

文本中间的省略号(Mac风格)

在HTML中,将完整值放在自定义data- *属性中,例如

<span data-original="your string here"></span>

然后分配loadresize事件侦听器的JavaScript函数,将读取原始数据属性,并将其放置在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中其他位置使用相同的字体和大小从文本中窃取参考宽度。然后插入适当数量的字符以供使用。

提示还应在…上带有缩写标签,或提示谁使用户能够获得带有完整字符串的工具提示

<abbr title="simple tool tip">something</abbr>
其他 2022/1/1 18:19:45 有500人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶