css 中 怎么做分页

html-css035

css 中 怎么做分页,第1张

用CSS是不能分页的,分页是程序控制的。

比如说:有100条数据要在页面展示,每次展现10条,一共10页。

程序会在第一页取出1--10条数据给静态页面展示。

到第二页的时候在去11--20条数据给静态页面展示。

当然你要给程序相对应的参数,他才能从数据库里面取出来。

美工只做一个展现页面给程序员,分页就是在静态页面上某个位置写上“上一页”、“下一页”、“第一页”、“最后一页”“共多少页”,或者是数字的1、2、3、4、5、6那种,剩下的程序员就会搞定一切的。

CSS只能做装饰,不能分页。

手机浏览器一般都不支持 float 浮动,所以可以用 display: inline-block 来代替它,当然你也可以用table来布局。用两个 display:inline-block 的块元素,并设定它们的宽度:width:49% 就可以实现一栏两列的布局了。

内容分页一般是涉及到数据库的内容,如果楼主不是涉及到数据库,而是单纯的想用div+css实现翻页效果,完全可以通过javascript来实现,当点击上一页,下一页的时候应该做怎么样的操作,比如让原本显示的第一页隐藏,将原本隐藏的页面显示,则达成了所谓分页效果,你上面的代码只是一些表面效果,不具备任何所谓的“分页”功能。

所谓分页,是动态的获取数据库的内容,通过数据库的记录来进行分类,比如每页需要显示10条记录,则从数据库获取10条记录,当点击下一页的时候,继续获取接下来10条,这里就设计到一些简单的算法,可以去看下javascript和sql查询语句以及limit的使用,手打,求给分