移动端文章分页

Question

移动端文章如何分页？
想到的一个方法：
设定行高，查询段落高度，计算出行数，然后根据屏幕高度计算出显示行数。
但是有个问题，因为控制不了用户上传的文章是中文、英文、还是中英文混合，所以在截取文章字符串时应该如何判断。
求大佬给个通用的方法🙏🙏🙏

Answer 1

有一个组件：textarea。

他们实现方案是把内容真实的写到页面上，然后获取高度。

那么你就可以使用二分法来获取到截取位置满一屏。

源码的话你可以找 element-ui 的 textarea 去看。

已参与了 SegmentFault 思否社区 10 周年「问答」打卡 ，欢迎正在阅读的你也加入。

Answer 2

1. 用vw视口宽度单位确定每个字符所占宽度，那么每页能显示多少字符是能算出来的
2. 有一个自己的字体库，知道字库中每一类字符的宽度，也是能算出每页显示多少个字符的