Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 在css和pdf中添加分页符_Php_Html_Css_Cakephp_Dompdf - Fatal编程技术网

Php 在css和pdf中添加分页符

Php 在css和pdf中添加分页符,php,html,css,cakephp,dompdf,Php,Html,Css,Cakephp,Dompdf,我试图用Dompdf库制作一份pdf格式的报告。我用这个代码添加了一个页眉和一个页脚 .footer{ 位置:固定; 底部:0px; 高度:30px; 背景色:#333399; } .标题{ 位置:固定; 顶部:0px; 宽度:100%; 高度:116px; 背景:url('http://ibadep.local/img/header2.png")不重复;; } 而且它们在所有页面上都显示正确 在页面内部,我有一个表,其中显示了大量信息(一个phpforeach),当表变得非常大时,trs显示

我试图用Dompdf库制作一份pdf格式的报告。我用这个代码添加了一个页眉和一个页脚

.footer{
位置:固定;
底部:0px;
高度:30px;
背景色:#333399;
}
.标题{
位置:固定;
顶部:0px;
宽度:100%;
高度:116px;
背景:url('http://ibadep.local/img/header2.png")不重复;;
}
而且它们在所有页面上都显示正确

在页面内部,我有一个表,其中显示了大量信息(一个php
foreach
),当表变得非常大时,trs显示在第一页的页脚后面,第二页的页眉后面。我不希望这样,我希望当tr到达页脚附近时,页面被打断,下一行显示页眉下方,而不是像现在这样的后面


我用
前分页符
后分页符
属性做了很多尝试,但都不起作用。我能做什么?

您需要设置页面边距。这将阻止页面内容在为页眉和页脚分配的空间中呈现

@page { 
    margin: 120px 50px 35px 50px; 
}
您还需要将
标题
上的
顶部
设置为负值,以将元素推到边距之外。这同样适用于页脚

top:-90px

您可以通过将下面的代码粘贴到


@页面{
余量:120px 50px 80px 50px;
}
#页脚{
位置:固定;
底部:-50px;
高度:30px;
背景色:#333399;
}
#标题{
位置:固定;
顶部:-100px;
宽度:100%;
高度:116px;
背景:url('http://ibadep.local/img/header2.png")不重复;;
}
/*在此处键入一些样式规则*/
这是标题
这是页脚
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列

您需要设置页面边距。这将阻止页面内容在为页眉和页脚分配的空间中呈现

@page { 
    margin: 120px 50px 35px 50px; 
}
您还需要将
标题
上的
顶部
设置为负值,以将元素推到边距之外。这同样适用于页脚

top:-90px

您可以通过将下面的代码粘贴到


@页面{
余量:120px 50px 80px 50px;
}
#页脚{
位置:固定;
底部:-50px;
高度:30px;
背景色:#333399;
}
#标题{
位置:固定;
顶部:-100px;
宽度:100%;
高度:116px;
背景:url('http://ibadep.local/img/header2.png")不重复;;
}
/*在此处键入一些样式规则*/
这是标题
这是页脚
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列
第1列第2列第3列

那么请告诉我们您尝试了什么?然后我们可以提出其他建议这不会解决您的问题,但我建议您在使用页脚和页眉时使用
id
(#)而不是
类。当您希望一次将特定样式应用于多个元素时,通常使用类。如果您有其他元素与您编写的具有相同的类,那么您最终将遇到问题。只是说,在使用CSS时,不建议使用类作为表元素,最好使用ID而不是类。这可能就是它不适合你的原因。我建议您“将CSS样式应用于HTML表tr td”只是为了它。这可能会很有帮助。Cheers@Fred我更推荐使用
@JeffNoel
当然,
否。这些(标题)是meta、title等的保留HTML标记,包括链接rel到CSS;-)告诉我们你试过什么?然后我们可以提出其他建议这不会解决您的问题,但我建议您在使用页脚和页眉时使用
id
(#)而不是
类。当您希望一次将特定样式应用于多个元素时,通常使用类。如果你有其他