css - DOMPDF 分页符-6ren

css - DOMPDF 分页符

转载作者：太空宇宙更新时间：2023-11-04 10:55:47

26

4

我正在尝试生成包含页眉、页脚和内容的报告。页眉和页脚工作正常，但是内容 div 的文本比我想要的高。 See the image .我真的不明白为什么页面会这么高。

这是 CSS 代码:

@page { 
  margin: 180px 50px; 
}

#header { 
  position: fixed; 
  left: 0px; 
  top: -150px; 
  right: 0px; 
  height: 150px; 
  text-align: left; 
}

#footer { 
  position: fixed; 
  left: 0px; 
  bottom: -180px; 
  right: 0px; 
  height: 80px; 
  text-align: right; 
  background-color: lightblue 
}

#footer .page:after { 
  content: counter(page, upper-roman); 
}

#content { 
  padding-left: 10mm; 
  padding-right: 5mm; 
  line-height: 6mm; 
  background-color: lightgreen; 
  height: 850px;
}
#logo { 
  height: 4cm; 
}
#head_text { 
  display: inline-block; 
  line-height: 6mm; 
  padding-top: 15px; 
}

这是 HTML:

<html>
  <head>
    <style>
      '.$css.'
    </style>
  </head>
  <body>

    <div id="header">
      '.$header.'
    </div>

    <div id="footer">
      <p class="page">Página </p>
    </div>

    <div id="content">
      '.$content.'
    </div>

  </body>
</html>

谁能帮忙解决这个问题？坦克!

最佳答案

如果您的 DOMPDF_DPI 设置为 72，那么 180 像素的边距就相当大了。 72 的 DPI 提供从 PX 到 PT(PDF 中的 native 单位)的一对一转换。 dompdf 生成的 PDF 文档始终为 72 PPI。这相当于内容周围有 2.5 英寸的边距。我不认为你打算那么多地填补你的利润。

我看到的另一个问题是您在内容元素上设置了高度条件。你并不真的需要这个，我看到它在我运行一些测试渲染时引起了一些问题。如果您希望内容背景具有特定颜色，那么我建议将其设置在 body 元素上，这是文档内容的真正边界。

尝试以下操作:

@page { 
  margin: 180px 50px; 
}
#header { 
  position: fixed; 
  left: 0px; 
  top: -150px; 
  right: 0px; 
  height: 150px; 
  text-align: left; 
}

#footer { 
  position: fixed; 
  left: 0px; 
  bottom: -180px; 
  right: 0px; 
  height: 80px; 
  text-align: right; 
  background-color: lightblue 
}

#footer .page:after { 
  content: counter(page, upper-roman); 
}

body { 
  background-color: lightgreen; 
  height: 850px;
}
#content {
  padding-left: 10mm; 
  padding-right: 5mm; 
  line-height: 6mm; 
}
#logo { 
  height: 4cm; 
}
#head_text { 
  display: inline-block; 
  line-height: 6mm; 
  padding-top: 15px; 
}

<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head>
<body>
  <div id="header">
    HEADER
  </div>

  <div id="footer">
    <p class="page">Página </p>
  </div>

  <div id="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus id erat blandit, auctor massa eu, aliquam lacus. Suspendisse justo ante, gravida vel diam quis, porta luctus nisi. Donec id enim sem. Sed et lobortis magna. Ut et dignissim augue. Cras quam libero, feugiat ac auctor eget, semper a augue. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse quis hendrerit ex. Phasellus auctor dolor sit amet nibh rhoncus sagittis. Sed quis odio sit amet purus feugiat malesuada.</p>
  </div>
</body>
</html>

关于css - DOMPDF 分页符，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34634091/

26

4

0

文章推荐： css - 如何在 Bootstrap 的列表项元素内制作两行文本？

文章推荐： linux - 在目录中使用换行符递归搜索文本？

文章推荐： linux - Yocto 和 Freescale saber 的 HDMI 支持

文章推荐： linux - Git:删除后使用本地更改恢复文件

dompdf - 使用 dompdf 在新选项卡中打开 PDF
我正在尝试使用 dompdf 生成 pdf，如何在浏览器的新选项卡中打开 pdf？就像，我单击 PDF 的链接，它应该在新选项卡中打开，而不是自动保存。我想让用户在第一次看到文件后选择保存文件。我怎么
php - DomPDF 错误未捕获异常 'Dompdf\Exception'
我的 DOMPDF 有问题。我正在尝试使用 DOMPDF 生成一个表格。错误信息: The row #1 could not be found 完整的错误报告: > Fatal error
php - DOMPDF:图像不可读或为空。 (与 barryvdh/laravel-dompdf)
我将 DOMPDF 与 Laravel-dompdf 一起使用，经过数小时的研究后，我找不到能够渲染我的图像的解决方案。我已经提到了这些问题: DomPDF: Image not readable o
php - dompdf 不使用 barryvdh/laravel-dompdf 加载 bootstrap css
我在laravel 5.5和bootstrap css中使用barryvdh/laravel-dompdf(通过小的调整重命名为pdf.css)以pdf格式生成报告这是我从报告 View 中调用 c
php - fopen(/vendor/dompdf/dompdf/lib/fonts/glyphicons-halflings-normal_c47afe5539ba1b2094563d54dce2def7.ufm) : failed to open stream: Permission denied
当使用自定义字体生成我的 PDF 并尝试像这样流式传输时:$pdf = PDF::loadView( '/pdfs/invoice',$data); return $pdf->stream();本地环
dompdf 字体系列问题
我正在使用 Bamboo invoice 作为发票生成器，我正在尝试自定义发票模板，但无论我做什么，字体似乎都无法调整。目前我有 body { margin: 0.5in; font-family:
DOMPDF 页面方向横向和纵向
在 HTML 中形成的表 3 。每张纸都是一张 table 。我们需要一些东西来转换为 pdf，最后一片叶子在风景中!使用肖像它可以工作，以及如何制作相册的其中一张......我不明白...... 最
dompdf 特殊字符
我有成功的 html 到 pdf 转换，但没有特殊字符。下面只是我试图显示的一个特殊字符，当我将它简单地放在一个 html 文档中时，它会显示在我的 Mac 上的浏览器中。 (但不是在我的 wi
dompdf:分页后的上边距不起作用
我目前正在尝试使用 Wordpress 和(最新版本的)dompdf，遇到了一个关于格式的恼人问题。我的问题:生成的第二页似乎没有考虑主要内容的上边距，导致与我的 Logo 重叠。您可以查看生成的
dompdf:分页后的上边距不起作用
我目前正在尝试使用 Wordpress 和(最新版本的)dompdf，遇到了一个关于格式的恼人问题。我的问题:生成的第二页似乎没有考虑主要内容的上边距，导致与我的 Logo 重叠。您可以查看生成的
Dompdf 最大高度不起作用
我尝试使用 dom pdf 创建价格标签。价格标签由一些 div 容器组成。其中一个容器具有最大高度，但这不起作用。因为如果我将此容器的文本更改为包含 200 个单词而不是 100 个单词的文本，则价
php - DOMPDF 安装选项
我正在安装 dompdf http://code.google.com/p/dompdf/ 一切顺利，但安装说明告诉我“编辑 dompdf_config.custom.inc.php(0.6 版)或
php - dompdf 包不支持阿拉伯字符
我正在使用 barryvdh/laravel-dompdf 包，我想创建一个可打印的页面。这是我的代码: $pdf = App::make('dompdf.wrapper'); $pdf->s
border - DOMPDF 表格边框问题
我在最新版本的 DOMPDF (0.6.0 Beta 3) 中遇到了一个非常奇怪的问题。我正在使用它为我网站上的客户创建发票。该设计要求表格单元格之间的边框为 1px。如果我使用黑色或 #000 作为
header - Dompdf 在每一页上画线
我正在尝试使用 Dompdf 从 html 文件生成漂亮的 pdf，但我无法画线在每一页上。这是 php 文件的示例。 load_html($html); $dompdf->render(); $
pdf - dompdf:如何在除第一页之外的所有页面上添加页眉？
我正在使用dompdf生成PDF。我已经从dompdf网站上获取了代码，将标题添加到pdf，并且可以使用，但是我想将标题放置在除第一页之外的所有页面上。有什么建议么？最佳答案您可以通过在第一页中出
pdf - DOMPDF 为整个页面设置字体？
我在 http://dompdf.github.com/ 上使用 DOMPDF 我正在努力如何设置整个页面的字体。在我制作的模板中，我在 CSS 中将字体设置为 Helvetica，但是当它生成 PD
php - DomPDF 图像未找到或类型未知
使用的技术: PHP: v7.4 SilverStripe: v4.7 DomPDF: 1.0 在发布此内容之前，我确保能够遵循与此 DomPDF 相关的其他提示和文章，但未显示包含的图像，但图像仍然
php - DOMPDF:表格右对齐
我试图让表格在 DOMPDF 中 float 。我正在使用最新版本的 DOMPDF 0.6.0 beta2。在 dompdf_config.inc.php 中，我将 DOMPDF_ENABLE_CSS
PHP DOMPDF 在我的数据库中显示表
我是 DOMPDF 的新手，我正在尝试使用 dompdf 将我表中未归档的所有记录打印为 pdf。这是以 pdf 格式打印 html 的代码。 table { font-family: ar

首页

博学

6Ren·AI

商城

css - DOMPDF 分页符