问答

通过column属性进行分页,怎么找到每一页的第一个字符和最后一个

作者:admin 2021-09-24 我要评论

我们的项目要求使用Column属性,把一篇文章分成N多页,现在有一个需求,就是找到每个column中,起点和终点字符的位置,在起点前面加一个空span(class=page-star...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

我们的项目要求使用Column属性,把一篇文章分成N多页,现在有一个需求,就是找到每个column中,起点和终点字符的位置,在起点前面加一个空span(class=page-start),用于标记这是新的一页的起点,在终点字符后面也加一个空span(class=page-end),用于标记这是新的一页的终点。

比如下图所示,这几个箭头所指的位置,就是我要找的位置。
因为每个手机的屏幕大小是不一样的,所以这个位置是动态的,需要临时进行计算。请各位大神帮帮忙,这个有什么好方法可以实现??

微信图片_20200306105012.png

多谢。

###

个人感觉应该获取屏幕宽度和高度以后,定好字体、大小、行高,然后计算好能容纳多少行,每行多少个字,再做动态分页吧。

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 通过column属性进行分页,怎么找到每一

    通过column属性进行分页,怎么找到每一

  • echarts 设置多个Y轴会重合,offset、o

    echarts 设置多个Y轴会重合,offset、o

  • 小程序不支持iOS虚拟支付有什么解决办

    小程序不支持iOS虚拟支付有什么解决办

  • 通过@vue/cli安装的项目,启动时network

    通过@vue/cli安装的项目,启动时network

腾讯云代理商
海外云服务器