现在有这样一个需求，用前端实现一个文本内容分页，一屏一页，一开始我想用CSS3的方法：把column-width设置为屏幕宽度，然后获取column-count就知道分了几页，用scrollLeft来切换页面，可是发现设置了column-width之后column-count并不会随之改变。。。醉了。。。
想了好几天了，也没想到什么更好的方案。。。。
所以我现在想用一个比较不优雅的办法，就是判断文本行数和行高，来确定一屏显示多少。可是如何才能获取p内文字的行数呢？
大家对于前端分页有什么更好的解决方法吗？
ps，我试了element.getClientRects().length，总是返回1，没办法获取行数。。
黄舟2017-04-10 18:07:49
<p><span id="a">现在有这样一个需求，用前端实现一个文本内容分页，一屏一页，一开始我想用CSS3的方法：把column-width设置为屏幕宽度，然后获取column-count就知道分了几页，用scrollLeft来切换页面，可是发现设置了column-width之后column-count并不会随之改变。。。醉了。。。
想了好几天了，也没想到什么更好的方案。。。。
所以我现在想用一个比较不优雅的办法，就是判断文本行数和行高，来确定一屏显示多少。可是如何才能获取p内文字的行数呢？
大家对于前端分页有什么更好的解决方法吗？
ps，我试了element.getClientRects().length，总是返回1，没办法获取行数。。</span></p>console.log(document.getElementById('a').getClientRects().length)demo
http://jsbin.com/tokihuvoni/edit?html,js...
来自：http://efe.baidu.com/blog/text-truncatin...
