View on GitHub

CrouchingTigerM.github.io

A public personal area.

JavaScript技巧之多行文本末尾行显示省略号

近期项目中有个三行文本在文本长度超出展示区域后末尾显示’。。。‘并在下一行显示一个“查看更多”按钮的需求。 由于项目所属平台为安卓平台(4.4以上),且屏幕比例单一(1920*1080),故展示方面就用了”-webkit-line-clamp“.但由于需要判断文本是否超长以展示上面说的按钮,一时间没了主意。经过一番google,终于找到了一种终极的判断方法。核心就是用一个隐藏的页面元素盛放要校验的文本,然后拿此隐藏元素的宽度与页面中实际盛放校验文本的宽度乘以行数的总宽度做比较,精确度比较高。这里是原文。

以上。

返回