CSS的分页样式没有浏览器支持
既然浏览器不支持,也就是意味着没有用的!
不知道你对css了解多少,css只是控制页面元素的显示样式,比如元素的宽高,颜色,位置等等。。。当然也可以简单的实现一些元素的切换显示如:a.hover可以控制鼠标经过的样式!
至于分页,在不通过数据库的情况下可以使用本地的javascript+xml实现,css负责分页各元素的样式,具体功能要靠javascript脚本函数来执行!
word文档怎么设置分页啊
你不是已经分页了么?
如果你想设置页码,请按下列步骤操作:
点击工具栏“插入”-“页眉和页脚”组件里的“页脚”;
在弹出的菜单里选择“设置页码格式”,在“编号格式”下拉列表里选择合适的样式。如“一,二,三(简)...”
重复第2步
在弹出菜单里选择“页面底端”,然后在二级菜单里选择一种对齐方式。这里可选择“普通数字2”样式,在每页的底端页脚位置就会显示页码如“一,二,三.....”
在文档任意一个页脚的编辑区点击鼠标左键,分别在页码前后录入“第”和“页”。
在文档的正文编辑区双击鼠标左键,或者点击工具栏“设计”-“关闭页眉和页脚”按钮,返回正文编辑状态。
浏览一下,看看每页的页码是不是按你图中给的那样,分别显示为“第一页”,“第二页”,……
ThinkPHP分页样式CSS代码
新建一个thinkphp项目tp,入口文件如下:
2
在数据库think下新建表qq_game,结构如下:
3
新建一个控制器AdminAction.class.php,位置如图所示:
4
在此控制器下新建函数beauty_page,用于美化分页;
未设置自定义分页时,函数如图:
模板页:tp/App/Tpl/Admin/beauty_page.html , 内容如图:
分页结果如下:
thinkphp中通过分页类Page提供的方法setConfig,来修改分页的设置:
比如:在代码 $pg = new Page($count, $per_page); 后插入下面的分页设置代码:
此时,分页显示结果如下(其中的上一页、下一页被改变):
Page类提供的setConfig方法,还可以设置theme 作为分页主题描述信息。
设置该属性可以改变分页的各个单元的显示位置,默认值是:
“%totalRow% %header% %nowPage%/%totalPage% 页 %upPage% %downPage% %first% %prePage% %linkPage% %nextPage% %end%“
可以通过改变该值的样式改变分页的样式。
比如:在列表页添加样式:如下:
结果显示如下:
也可以给记录总数添加样式,如图,给当前记录数,添加样式:
在模板页添加样式,如图:
结果显示:
总结:可根据自己的爱好,自行添加样式,其中.pages a , .pages .current 是自带的,最好不要修改名称,可修改样式;如果不满意,可参考第11步,自行修改。
-分页样式