如何实现文字及文章分页数据库查询

Question

我说的不只是数据库查询数据分页:
如何实现如下图所示效果（前提数据标题、内容文字及图片为数据库查询数据）：
1、图片中分俩竖排显示，如何在知道在第一排后最“涉及”俩字结束后，跳到另一竖排，而且文字是对应第一竖排的2、在前提1中，如何在第一页显示不下后，显示另一页3、如果左侧竖排有一张图片，那么如果确定左侧图片加载后，文字继续连接及分页求指教，请认真思考后回答 ，如何实现图片效果（如果是window平台or ipad or 手机），多谢。

Answer 1

作业题？
你可使用 css 的分栏功能呀
-moz-column-count:2;  /*Firefox*/
-webkit-column-count:2;  /*Safari and Chrome*/
column-count:2;当内容不止 2 栏时：
1、你可人工确定分页点，只输出分页点之后的数据
2、你可在显示用的容器嵌入在限定区域的容器中，通过显示容器在限定容器中的位置来定位需要显示的栏

Answer 2

简单说一下我的想法。
首先数据库分页不太可能，因为根本无法衡量每页到底要显示多少内容。
所以必须把文章信息整个查出来放到前台，至于效率就管不了那么多了。
前台可以用css+js功能实现分页+分栏。
css3是有个column分栏属性的，但是个人觉得那个在样式控制上不怎么方便，浏览器兼容性也不好。
我是这么想的：
你一页有两栏，假设就是两个div（设好overflow:hidden;），把要显示的文章信息分别放到这两个div里。
右边那个div用js设置一下scrollTop=div高度（滚动网上拉），这样就得到了第二栏的内容。
第二页其实就是设置两个div的scrollTop把他们继续往上拉2个div高度。
分多少页可以用js计算一下，获取一个div的scrollHeight和div高度进行计算。
大体就是这样实现，至于拉动的具体数值可能还要根据实际样式微调一下。