请教文字自动填充两个div,类似看小说效果

烧毁王 发布于 2017/02/16 08:52
阅读 299
收藏 0

想实现这样一个功能,利用turn.js 实现在线看小说,翻页翻书效果。

我通过初始化页面时用ajax调取PHP端读取数据库,取到1章,显示到页面上。

现在遇到如下问题:

turn.js 显示翻书的页面 是两个div甚至多个div,如果想显示要在两个div都要填充文字。

column-width 方法不可实现,这样只会在一个div中显示 另一个div还是没有文字。

怎么在左边div填充文字满了之后,自动填充到右边div中。求教大神。

或者有什么这样的实例借鉴一下,不甚感激。谢谢。。。

 

加载中
0
inuxor
inuxor

分页工作还是要自己做的

0
自由PHP
自由PHP

这个应该涉及到字数计算

可用div区的可用高度、宽度是多少;另外,不同的字体大小是可以换算成px单位的,也就是像素单位,然后计算出div去可以存放多少字,然后将1章的内容翻页

当然,还要考虑到段落的问题,总之还是有办法的

 

不存在一个div区填满后自动填充的另外一个div区

返回顶部
顶部